.button {
    display: flex;
    box-sizing: border-box;
    transition: ease-in-out 0.2s;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    padding: 12px 20px;
}





.button-1 {
    display: flex;
    box-sizing: border-box;
    transition: ease-in-out 0.2s;
    align-items: center;
    text-transform: uppercase;
    padding: 12px 20px;
    text-decoration: none;
    justify-content: space-between;
}


.button-full {
    width: 100%;
    height: 53px;

}

.button-large {
    width: 100%;
    height: 54px;

}

.button-medium {
    width: 306px;
    height: 53px;

}

.button-small {
    width: 180px;
    height: 34px;


}

.button-smaller {
    width: 159px;
    height: 34px;

}


.button-beige {
    border-radius: 5px;
    border: 1px solid var(--Black, #000);
    background: var(--Beige, #D9D7CB);
    color: var(--Black, #000);
    transition: ease-in-out 0.2s;
}

.button-beige:hover {
    border: 1px solid var(--White, #FFF);
    background: var(--Softer-Black, #252522);
    color: var(--White, #FFF);
}

.button-soft-black {
    border-radius: 5px;
    border: 1px solid var(--White, #FFF);
    background: var(--Softer-Black, #252522);
    color: var(--White, #FFF);
    transition: ease-in-out 0.2s;
}

.button-soft-black:hover {
    background: var(--Red, #E73427);
    color: var(--White, #FFF);
}

.button-red {
    border: 1px solid var(--Red, #E73427);
    border-radius: 5px;
    background: var(--Red, #E73427);
    color: var(--White, #FFF);
    transition: ease-in-out 0.2s;
}

.button-red:hover {
    border: 1px solid var(--Black, #000);
    background: var(--Beige, #D9D7CB);
    color: var(--Black, #000);
}

.button-off-white {
    border-radius: 5px;
    border: 1px solid var(--Black, #000);
    background: var(--Off-White, #FAF9F6);
    color: var(--Black, #000);
    transition: ease-in-out 0.2s;
}

.button-off-white:hover {
    border: 1px solid var(--White, #FFF);
    background: var(--Softer-Black, #252522);
    color: var(--White, #FFF);
}