html, body, p, a {
    font-family: 'Open Sans', sans-serif;
}
/**/
.butt {
    display: inline-flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    height: 3em;
    background-color: #ffffff;
    padding: 0 2em;
    box-sizing: border-box;
    font-weight: 700;
    font-size: inherit;
    border: none;
    margin: 0;
    max-width: 100%;
    cursor: pointer;
    color: #111827;
    position: relative;
    text-transform: uppercase;
    transition-property: background-color;
    transition-duration: 0.3s;
}
.butt:hover {
    text-decoration: none;
}
.butt:disabled {
    opacity: 0.5;
}
.butt .butt_label {
    font-size: 0.875em;
}
.butt.icon_butt {
    padding: 0;
    width: 3em;
}
.butt .butt_icon {
    max-width: 1.5em;
    max-height: 1.5em;
}
.butt.black_butt {
    background-color: #2F3132;
    color: #ffffff;
}
.butt.transparent_butt {
    background-color: transparent;
}
.butt.blue_butt {
    background-color: #4B4EFC;
    color: #ffffff;
}
.butt.red_gradient_butt {
    background: linear-gradient(98deg, #EB7676 0%, #F00 48.44%, #FF0F0F 100%);
    color: #ffffff;
}
.butt.blue_gradient_butt {
    background: linear-gradient(98deg, #E191EA 0%, #4B4EFC 100%);
    color: #ffffff;
}
.butt.gray_border_butt {
    background-color: #ffffff;
    color: #2C2F34;
    border: 1px solid #D2D2D2;
}
.butt.gray_border_butt:hover {
    background-color: #D2D2D2;
}
.butt.white_border_butt {
    background-color: transparent;
    color: #ffffff;
    border: 1px solid #ffffff;
}
.butt.white_border_butt:hover {
    background-color: #ffffff;
    color: #111827;
}
.butt.white_butt {
    background-color: #ffffff;
    color: #4B4EFC;
}
.butt.br {
    border-radius: 1.5em;
}
.butt .butt_qty {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    line-height: 1.5;
    font-size: 0.625em;
    background-color: red;
    border-radius: 0.75em;
    color: #ffffff;
    min-width: 1.5em;
    padding: 0 0.125em;
    z-index: 1;
}
@media(max-width: 1199px) {
    .butt {
        padding: 0 1.5em;
    }
}
@media(max-width: 767px) {
    .butt {
        padding: 0 1em;
    }
}



.social_items {
    display: flex;
    flex-wrap: wrap;
    margin: -0.625em;
}
.social_items .social_item {
    margin: 0.625em;
    width: 2.5em;
    height: 2.5em;
    box-sizing: border-box;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-property: background-color;
    transition-duration: 0.3s;
}
.social_items .social_item:hover {
    opacity: 0.5;
}
.social_items .social_item_icon {
    display: block;
    max-width: 2.5em;
    max-height: 2.5em;
}
.social_items .x_social_item_icon {
    max-width: 1.25em;
    max-height: 1.25em;
}
.social_items .tiktok_social_item_icon {
    max-width: 1.75em;
    max-height: 1.75em;
}