.csem-btn a{padding: 15px 20px 10px 20px !important; font-size: 18px !important; font-weight: 800 !important; letter-spacing: 1px !important; border: none !important; border-radius:5px !important; text-transform:uppercase;}
@media only screen and (max-width: 762px) {
.csem-btn{display: grid; justify-items: center; margin-bottom:10px;}
} .csem-btn-yellow a{background-color:#ffcc32 !important; color:#000 !important;}
.csem-btn-yellow a:hover{background-color:#ffcc32 !important;} .csem-btn-green a{background-color:#13a99e !important; color:#000 !important; }
.csem-btn-green a:hover{background-color:#13a99e !important;} .csem-btn-red a{background-color:#e22e39 !important; color:#000 !important; }
.csem-btn-red a:hover{background-color:#e22e39 !important;} .ripple-button {
position: relative;
overflow: hidden;
padding: 10px 20px;
font-size: 16px;
color: white;
background-color: #3498db;
border: none;
border-radius: 50px; cursor: pointer;
outline: none;
}
.ripple-button::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 300%;
height: 300%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 70%);
transition: width 0.6s, height 0.6s, top 0.6s, left 0.6s;
transform: translate(-50%, -50%);
opacity: 0;
border-radius: 50%; }
.ripple-button:hover::before {
width: 0;
height: 0;
opacity: 1;
top: 50%;
left: 50%;
}