.button{margin:0;height:auto;background:transparent;padding:0;border:none;cursor:pointer;width:fit-content}.button{--border-right: 3.5px;--text-stroke-color: rgba(201, 187, 187, .6);--animation-color: var(--colors-brand1);--fs-size: .7em;letter-spacing:3px;text-decoration:none;font-size:var(--fs-size);font-family:Arial;position:relative;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px var(--text-stroke-color)}.hover-text{position:absolute;box-sizing:border-box;content:attr(data-text);color:var(--animation-color);width:0%;inset:0;border-right:var(--border-right) solid var(--animation-color);overflow:hidden;transition:.5s;-webkit-text-stroke:1px var(--animation-color)}.button:hover .hover-text{width:100%;filter:drop-shadow(0 0 23px var(--animation-color))}.particles-container{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;pointer-events:none;z-index:1;overflow:hidden}.particles-container canvas{display:block;width:100%!important;height:100%!important;object-fit:cover}.btn{font-size:1rem;font-weight:500;font-family:var(--fonts-texts);background:transparent;border:none;padding:1em 1.5em;color:var(--colors-grey4);position:relative;transition:.5s ease;cursor:pointer}.btn:before{content:"";position:absolute;left:5px;bottom:5px;height:2px;width:0;background-color:var(--colors-brand1);transition:.5s ease}.btn:hover:before{width:90%}.btn:after{content:"";position:absolute;left:5px;bottom:5px;height:0;width:90%;background-color:var(--colors-brand1);transition:.4s ease;z-index:-1;border-radius:5px}.btn:hover:after{height:80%;transition-delay:.4s;color:#f0f8ff}