.attend-event .elementor-button,
.attend-event .attend-button {
display: inline-flex;
align-items: center;
gap: 8px;
transition: all 0.3s ease;
background-color: #40C8C4; border: none;
border-radius: 20px; 
font-size: 16px;
font-style: normal;
font-weight: 600;
color: #FFFFFF;
padding: 16px 32px;
text-decoration: none;
}
.attend-event .button-content {
display: flex;
align-items: center;
gap: 8px;
}
.attend-event .button-text {
color: #FFFFFF;
}
.attend-event .button-icon {
display: flex;
align-items: center;
} .attend-event .attend-button:hover {
background-color: #36B0AC;
transform: translateY(-1px);
} .attend-event .attend-button.attending {
background-color: #28a745;
}
.attend-event .attend-button.attending:hover {
background-color: #218838;
}