.btnLogin {
    width: 100%;
    border: 1px solid var(--ship-primary);
    border-radius: 0.5rem;
    background: var(--ship-primary);
    color: #fff;
    font-size: 1.05rem;
    font-weight: 700;
    padding: 0.9rem 1rem;
    transition: transform 0.15s ease, opacity 0.2s ease;
}

    .btnLogin:hover {
        border: 1px solid var(--ship-primary);
        background: var(--ship-primary-light);
        color: var(--ship-primary);
        box-shadow: none;
    }

    .btnLogin:active {
        transform: scale(0.98);
    }

#btnCommonDesign {
    width: 100%;
    height: 48px;
    border: 1px solid var(--ship-primary);
    border-radius: 0.5rem;
    background: var(--ship-primary);
    color: #fff;
    font-size: 1.05rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.9rem 1rem;
    text-decoration: none;
}

    #btnCommonDesign:hover {
        border: 1px solid var(--ship-primary);
        background: var(--ship-primary-light);
        color: var(--ship-primary);
        box-shadow: none;
    }

.btnCommonDesign {
    width: 100%;
    height: 48px;
    border: 1px solid var(--ship-primary);
    border-radius: 0.5rem;
    background: var(--ship-primary);
    color: #fff;
    font-size: 1.05rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.9rem 1rem;
    text-decoration: none;
}

    .btnCommonDesign:hover {
        border: 1px solid var(--ship-primary);
        background: var(--ship-primary-light);
        color: var(--ship-primary);
        box-shadow: none;
    }