.button-links {
    margin-top: 48px;
    margin-bottom: 48px;

    &__list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 18px;
    }

    &__item {
        &__link {
            display: block;
            padding: 0 24px;
            border: 2px solid currentColor;
            border-radius: 1000px;
            font: 700 16px/28px $font-family-sans-serif;
            text-transform: uppercase;
            white-space: nowrap;

            &:hover,
            &:focus,
            &:active,
            &:visited {
                text-decoration: none;
            }
        }
    }
}
