.button {
    position: relative;
    background-color: #12A121;
    border: none;
    border-radius: 14px;
    font-weight: 800;
    font-size: 16px;
    color: #FFFFFF;
    padding: 16px 20px;
    width: fit-content;
    text-align: center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    display: block;
}

.button:disabled {
    pointer-events: none;
    opacity: .65;
}

.button.button_blue {
    background: #325feb;
}

.button:hover {
    background-color: #3db648;
}

.button:active {
    background-color: #72ce7b;
}

.button.button_blue:hover {
    background: #416ff6;
}

.button.button_blue:active {
    background: #6285f5;
}
.button.button_white {
    background: #fff;
    color: #12A221;
}