.subscription-message{animation:fadeIn .5s ease;padding:15px;font-weight:500;border-radius:10px;margin-top:20px}.subscription-message.success{color:#fff;background-color:var(--success-color)}.subscription-message.error{color:#fff;background-color:var(--danger-color)}.fade-out{animation:fadeOut .5s ease}@keyframes fadeIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:0}}.newsletter form{position:relative}.newsletter input:focus{outline:none;box-shadow:0 0 0 2px var(--secondary-color)}.newsletter button[type=submit]{overflow:hidden;position:relative}.newsletter button[type=submit]:before{height:0;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;content:"";position:absolute;top:50%;border-radius:50%;background:hsla(0,0%,100%,.3);left:50%;width:0}.newsletter button[type=submit]:hover:before{height:300px;width:300px}.newsletter input.invalid{animation:shake .5s ease;border:2px solid var(--danger-color)}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.back-to-top{height:50px;justify-content:center;text-decoration:none;right:20px;color:var(--dark-bg);transition:all .3s ease;position:fixed;opacity:0;bottom:20px;visibility:hidden;background-color:var(--secondary-color);align-items:center;box-shadow:0 2px 10px rgba(0,0,0,.1);border-radius:50%;width:50px;display:flex;z-index:99}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.2)}