@use "/src/scss/abstracts" as *;

.activity-options {
    padding-bottom: 1rem;
    gap: 0;

    @include desktop-small {
        & > div {
            height: unset;
            & > div {
                margin-bottom: 0.5rem;
            }
        }
    }

    & > div {
        border-top: 1px solid rgba($black, 0.05);
        border-bottom: 1px solid rgba($black, 0.05);
        padding-top: 2rem;
        & > div {
            gap: 0;
        }
    }

    @include desktop-medium {
        & > div {
            padding: 1rem;
            height: 9rem;
            & + div {
                margin-top: unset;
                padding-top: 1rem;
                & + div {
                    border-top: unset;
                }
            }
        }

        .copy {
            max-width: 30rem;
        }

        .border-right {
            border-right: 1px solid rgba($black, 0.05);
        }
    }

    .no-border-top {
        border-top: unset;
    }

    .no-border-bottom {
        border-bottom: unset;
    }
}
