button, .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transition: var(--transition);
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.5;
    white-space: nowrap;
    text-align: center;
    background-color: var(--white);
    border-radius: var(--border-radius-btn);
    border-color: 1px solid transparent;
    padding: 5px 20px;
    height: 60px;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    text-decoration: none;
    outline: 1px solid transparent;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25, 1, .5, 1);
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
}

button:hover, .btn:hover {
    /*text-decoration: none;
    border: 2px solid var(--brown);
    outline-offset: -6px;
    outline-color: var(--beige);*/
    background: rgb(255 255 255 / 30%);
    cursor: pointer;
}

.btn[class^="_icon-"] {
    margin-left: 8px;
    max-width: 24px;
}

.btn-primary {
    border: 3px solid transparent;
    font-weight: 500;
    background-color: var(--primary-color);
    color: var(--title-color);
    font-weight: 500;
    transition: .5s ease;
    font-size: 1.125rem;
}

.btn-primary:hover {
    background-color: var(--white);
    color: var(--title-color);
    box-shadow: 0 0 50px var(--primary-color);
}

.btn-secondary {
    color: var(--white);
    background-color: var(--darkest-bg);
    border: 3px solid var(--dark-bg);
    min-width: 200px;
    max-width: 280px;
    width: 100%;
}

.btn-secondary:hover {
    background-color: var(--primary-color);
    border-color: transparent;
    color: var(--title-color);
}

.load_more {
    display: flex;
    margin: 2rem auto 0;
}

/*

.btn-glow {
}

.btn-glow:hover {
    box-shadow: 0 0 50px #e50914;
    box-shadow: 0 0 50px var(--primary-color);
    box-shadow: 0 0 10px var(--primary-color), 0 0 30px var(--primary-color), 0 0 50px var(--primary-color);
    letter-spacing: .05rem;
}
*/


/* custom checkbox */
.option {
    display: flex;
    align-items: flex-start;
    position: relative;
}

.check {
    padding-left: 0;
}

.check:hover {
    cursor: pointer;
}

.check__input {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.check__box {
    position: relative;
    width: 1.25rem;
    flex: 0 0 1.25rem;
    min-width: 1.25rem;
    height: 1.25rem;
    background-color: var(--muted-color);
    margin-right: 0.625rem;
    border: 1px solid var(--lightgreen);
    border-radius: 0.3125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: 0.2s ease-in;
    /*background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="utf-8"%3F%3E%3Csvg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 14 14" style="enable-background:new 0 0 14 14;" xml:space="preserve"%3E%3Cstyle type="text/css"%3E .st0%7Bfill:%230D4CD3;%7D%0A%3C/style%3E%3Cpath class="st0" d="M12,0H2C0.9,0,0,0.9,0,2v10c0,1.1,0.9,2,2,2h10c1.1,0,2-0.9,2-2V2C14,0.9,13.1,0,12,0z M6.3,10.6L2.6,7l0.7-0.7 l2.9,2.9l5.2-5.2l0.7,0.7L6.3,10.6z"/%3E%3C/svg%3E');*/
}

.check__box::before {
    transition: 0.2s ease-in;
}

.check__input:checked + .check__box {
    background-color: var(--white);
    border-color: var(--white);
}

.check__input:checked + .check__box::before {
    content: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2071 0.292897C10.5976 0.683424 10.5976 1.31659 10.2071 1.70711L4.70719 7.20693C4.31666 7.59745 3.6835 7.59745 3.29298 7.20693L0.292895 4.20686C-0.0976301 3.81634 -0.097632 3.18318 0.292891 2.79265C0.683414 2.40213 1.31658 2.40212 1.7071 2.79265L4.00009 5.08562L8.79287 0.292889C9.1834 -0.0976329 9.81656 -0.0976293 10.2071 0.292897Z' fill='white'/%3E%3C/svg%3E%0A");
    color: #fff;
    transform-origin: center;
    transition: 0.2s ease-in;
    filter: brightness(0);
}

.check__input:focus + .check__box {
    border-color: var(--primary-color);
}

.check__input:checked:focus + .check__box {
    border-color: var(--primary-color);
}

.check__input:checked:focus + .check__box::before {
    border-color: var(--primary-color);
    /*transform: translate(-50%, -50%) scale(1);*/
}

.check__input:disabled {
    pointer-events: none;
    user-select: none;
}

.check__input:disabled:not(:checked) + .check__box {
    border-color: var(--border-color);
    background-color: var(--blue-300);
}

.check__input:disabled + .check__box::before {
    /*transform: translate(-50%, -50%) scale(0);*/
    border-color: var(--border-color);
    background-color: var(--border-color);
}

.check__input:checked:disabled + .check__box {
    border-color: var(--border-color);
    background-color: var(--border-color);
}

.check__input:checked:disabled + .check__box::before {
    /*transform: translate(-50%, -50%) scale(1);*/
    color: var(--border-color);
}

.check__text {

}

.check__text strong {
    color: var(--white);
}

/* /custom checkbox */