.component_scroll_to_section .section_inner {
    display: flex;
    flex-direction: column;
    gap: 30px
}

.component_scroll_to_section .section_inner .heading_section .heading_text {
    margin: 0
}

.component_scroll_to_section .section_inner .link_list {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 24px
}

.component_scroll_to_section .section_inner .link_list .item {
    display: flex;
    flex-wrap: wrap
}

.component_scroll_to_section .section_inner .link_list .item a {
    background-color: var(--Color_Green_6);
    border-radius: 0 20px 0 0;
    color: var(--Color_Black_2);
    font-family: var(--Font_Figtree_Bold);
    font-size: 20px;
    letter-spacing: .08em;
    line-height: 2;
    padding: 12px 30px;
    text-decoration: none;
    text-transform: uppercase
}

.component_scroll_to_section .section_inner .link_list .item a:hover {
    background-color: var(--Color_Sandstorm_Yellow)
}

@media (max-width:1359px) {
    .component_scroll_to_section .section_inner .link_list .item a {
        font-size: 18px;
        line-height: 2
    }
}

@media (max-width:1199px) {
    .component_scroll_to_section .section_inner .link_list {
        gap: 20px
    }

    .component_scroll_to_section .section_inner .link_list .item a {
        font-size: 16px;
        line-height: 1.5;
        padding: 12px 20px
    }
}

@media (max-width:767px) {
    .component_scroll_to_section .section_inner .link_list {
        gap: 15px
    }

    .component_scroll_to_section .section_inner .link_list .item a {
        font-size: 14px;
        letter-spacing: .04em;
        padding: 10px 20px
    }
}

@media (max-width:375px) {
    .component_scroll_to_section .section_inner .link_list {
        flex-direction: column
    }

    .component_scroll_to_section .section_inner .link_list .item,
    .component_scroll_to_section .section_inner .link_list .item a {
        width: 100%
    }
}

/*# sourceMappingURL=scroll_to_section.css.map */