@charset "utf-8";
/* CSS Document */

.btn-accent{
    background: #ff8000;
    color: #333;
    border-color: #ffb300;
    padding: 16px 36px;
    border-radius: 30px;
    font-weight: 600;
    width: 250px;
    margin: 2rem auto;
    display: block;
    position: relative;
    transition: all 0.3s ease;
}
.btn-accent:hover{
    color: #333333;
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(0,0,0,0.2);
}

.btn-accent::after{
    content:"";
    position:absolute;
    top:50%; left:50%;
    width:0; height:0;
    background: rgba(255,211,1,0.35);
    border-radius: 50%;
    transform:translate(-50%,-50%);
    transition: width 0.4s ease, height 0.4s ease;
}
.btn-accent:hover::after{ 
    width:250px; 
    height:250px; 
}

/* Smooth Mobile Menu */
@media (max-width: 991.98px) {
.btn {
 display: block;
 margin: 2rem auto; /* auto links & rechts = zentriert */
}       
}