.custom-button {
    width: 130px;
    height: 56px;
    min-width: 128px;
    border-radius: 8px;
    padding: 16px 32px;
    box-sizing: border-box;
    background-color: #001391;
    border: none;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.custom-button:active,
.custom-button:hover {
    background-color: #070E46;
    color: #FFFFFF;
}

.custom-button.resend {
    background-color: #F7F8F8;
    color: #001391;
}

.custom-button.resend:active,
.custom-button.resend:hover {
    background-color: #FFFFFF;
    color: #070E46;
}


@media (max-width: 767px) {
    .custom-button {
        width: 100%;
        padding: 12px 16px;
        font-size: 1rem;
        height: auto;
    }
}

.disabled-button {
     background-color: #ccc;
     color: #666;
     opacity: 0.6;
     pointer-events: none;
     cursor: not-allowed;
     border: 1px solid #999;
}