.btn{line-height:50px;height:50px;text-align:center;width:250px;cursor:pointer}.btn-one{color:#fff;transition:all .3s;position:relative}.btn-one span{transition:all .3s;display:flex;justify-content:center;align-items:center;gap:.34rem}.btn-one:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:0;border-radius:8px;transition:all .3s;border-top:1px solid hsla(0,0%,100%,.5);border-bottom:1px solid hsla(0,0%,100%,.5);transform:scaleX(.1)}.btn-one:hover span{letter-spacing:2px}.btn-one:hover:before{opacity:1;transform:scale(1)}.btn-one:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;transition:all .3s;border-radius:8px;background-color:#ffffff1a}.btn-one:hover:after{opacity:0;transform:scaleX(.1)}.btn-one:focus{outline:none}.btn-one:disabled,.btn-one:disabled .btn-one:hover{background-color:hsla(0,0%,100%,.2);cursor:not-allowed;border-radius:8px}.dots-cont{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.dot{width:12px;height:12px;background:var(--primary-dark);display:inline-block;border-radius:50%;right:0;bottom:0;margin:0 2.5px;position:relative;animation:jump 1s infinite}.dots-cont:hover>.dot{animation:none}.dots-cont .dot-1{animation-delay:.1s}.dots-cont .dot-2{animation-delay:.2s}.dots-cont .dot-3{animation-delay:.3s}@keyframes jump{0%{bottom:0}20%{bottom:5px}40%{bottom:0}}