button {
    font-weight: 500;
    color: white;
    background: linear-gradient(135deg, #005858, #009999);
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    padding: 0.3125rem 0.625rem;
    user-select: none;
}

/*button::before {
        content: "";
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle at center, rgba(255, 255, 255, 0.2), transparent 40%);
        transition: transform 0.6s ease;
        transform: scale(0);
    }*/
/*
    button:active {
        transform: translateY(0.125rem);
    }*/