.light-button{
background-color: #ffffff;
border-radius: 50px;
font-size: 1.5rem;
text-transform: uppercase;
padding: 10px 40px;
letter-spacing: 1px;
transition: transform 0.3s ease;
font-family: "font-xtrabold";
}
.light-button:hover{
background-color: #ffffff;
color: black;
transform: scale(1.1);
}

.dark-button{
background-color: #000000;
color: #ffffff;
border-radius: 50px;
font-size: 1rem;
font-family: 'font-medium';
padding: 14px 20px;
letter-spacing: 1px;
transition: transform 0.3s ease;
border: solid 1px #000000;
}
.dark-button:hover{
background-color: #2d2d2d;
color: rgb(255, 255, 255);
/*transform: scale(1.1);*/
border: solid 1px #000000;
}

.subscribe-button{
background-color: #cf0117;
border-radius: 50px;
font-size: 1.5rem;
text-transform: uppercase;
padding: 10px 40px;
letter-spacing: 1px;
transition: transform 0.3s ease;
font-family: "font-xtrabold";
color: #ffffff;
}
.subscribe-button:hover{
background-color: #ffffff;
color: black;
transform: scale(1.1);
}

.default-button,.default-button:hover{
background-color: #cf0117;
border-radius: 50px;
font-size: 1.5rem;
text-transform: uppercase;
padding: 10px 40px;
letter-spacing: 1px;
font-family: "font-xtrabold";
color: #ffffff; 
}

.membership-card-button{
background-color: #cf0117;
border-radius: 50px;
font-size: 1.2rem;
text-transform: uppercase;
padding: 8px 20px;
letter-spacing: 1px;
transition: transform 0.3s ease;
font-family: "font-xtrabold";
color: #ffffff;
}

.membership-card-button:hover{
background-color: #ffffff;
color: black;
transform: scale(1.1);
}

.register-button{
background-color: #ffffff;
border-radius: 30px;
font-size: 1.2rem;
text-transform: uppercase;
padding: 8px 40px;
letter-spacing: 1px;
transition: transform 0.3s ease;
font-family: "font-xtrabold";
}

.register-button:hover{
background-color: #000000;
border: solid 1px #ffffff;
}

.btn-footer, .btn-footer:hover{
color: #ffffff;
text-decoration: none;
border: solid 1px #222223;
padding: 12px 18px;
border-radius: 50px;
text-transform: uppercase;
font-family: 'font-medium';
background-color: #222223;
}

.btn-danger-action,.btn-danger-action:hover{
background-color: #c00517;
padding: 14px 20px;
max-width: 100%;
border: none;
border-radius: 50px;
color: #ffffff;
font-family: 'font-medium';
letter-spacing: 1px;
}

.btn-warning-action,.btn-warning-action:hover{
background-color: #009688;
padding: 14px 20px;
max-width: 100%;
border: none;
border-radius: 50px;
color: #ffffff;
font-family: 'font-medium';
letter-spacing: 1px;
}

.btn-play, .btn-play:hover{
background-color: #c00517;
padding: 4px;
border: none;
border-radius: 50px;
color: #ffffff;
font-family: 'font-medium';
display: block;
text-align: center;
margin-top: 10px;
text-decoration: none;
    max-width: 140px;
    font-size: 15px;
}