/* MAIN  */
body {
    background-color: var(--bone);
    color: var(--black);
}

.main {
    min-height: 100vh;
}

section {
    padding: var(--space-l);
    min-height: 100vh;
}

a {
    color: var(--gray);
    transition: var(--transition);
}

.cta-dash-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: inherit;
    text-decoration: none;
}

.cta-dash-link::before {
    content: "";
    width: 12px;
    height: 1px;
    background-color: currentColor;
    transform-origin: left center;
    transition: width 0.35s ease;
}

.cta-dash-link .cta-dash-link__label {
    display: inline-block;
    transition: transform 0.35s ease;
}

.cta-dash-link:hover .cta-dash-link__label,
.cta-dash-link:focus-visible .cta-dash-link__label {
    transform: translateX(6px);
}

.cta-dash-link:hover::before,
.cta-dash-link:focus-visible::before {
    width: 20px;
}

::selection {
    background-color: #dfe9ea;
}

ul {
    list-style: none;
    padding-left: 0;
}

ul li {
    margin-bottom: var(--space-s);
}

button {
    background-color: rgba(0, 0, 0, 0.05);
    padding: var(--space-xs) var(--space-m);
    border-radius: 100rem;
    color: var(--grey-medium);
    border: none;
    cursor: pointer;
    transition: var(--transition);
}

@media (max-width: 1200px) {
    section {
        padding: var(--space-m);
    }
}

@media (max-width: 991px) {
    section {
        padding: var(--space-s);
    }
}