.button{position:relative;cursor:pointer;height:5vh;padding:0 2.5vw;border:none;border-radius:999px;color:var(--background);background-color:transparent}.button-text-image{height:1vw;width:auto}.button-light{color:var(--black)}.button-text{position:relative;transition:color .7s cubic-bezier(.625,.05,0,1);display:flex;align-items:center;gap:.5vw}.button-icon{flex-shrink:0;height:1vw;color:var(--background)}.button-menu{height:5vh;aspect-ratio:1/1;padding:0}.button-menu-lines{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65vh}.button-menu-line{width:40%;height:1px;background-color:var(--white)}.button-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--black);border-radius:999px}.button-light .button-background{background-color:var(--transparent-grey);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.button-menu .button-background{background-color:var(--white);border:1px solid rgba(100,100,100,.1)}.button-transparent .button-background{background-color:transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.05)}.button-circle-wrap{position:absolute;overflow:hidden;top:0;left:0;width:100%;height:100%;border-radius:999px}.button-circle{position:absolute;top:50%;left:50%;width:100%;background-color:rgba(255,255,255,.1);border-radius:50%;pointer-events:none;transition:transform .7s cubic-bezier(.625,.05,0,1),background-color .4s cubic-bezier(.625,.05,0,1);transform:translate(-50%,-50%) scale(0) rotate(.001deg)}.button-menu .button-circle{background-color:rgba(100,100,100,.1)}.button-light .button-circle{background-color:rgba(34,35,38,.05)}.button-before{padding-top:100%;display:block}.button:hover .button-circle{transform:translate(-50%,-50%) scale(1) rotate(.001deg)}@media (max-width:768px){.button{height:10vw;padding:0 6vw}.button-text-image{height:3.5vw;width:auto}.button-text{gap:1vw}.button-icon{height:3vw}.button-menu{height:10vw;padding:0}.button-menu-lines{gap:1.15vw}.button-circle{display:none}}