.index-module-scss-module__op8x1G__btn{width:calc(50*var(--vr));height:calc(50*var(--vr));border-radius:calc(8*var(--vr));-webkit-backdrop-filter:blur(17.5px);backdrop-filter:blur(17.5px);color:var(--color-white);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.index-module-scss-module__op8x1G__btn.index-module-scss-module__op8x1G__light{background-color:#efeee924}.index-module-scss-module__op8x1G__btn.index-module-scss-module__op8x1G__light .index-module-scss-module__op8x1G__bg{background:var(--color-primary)}.index-module-scss-module__op8x1G__btn.index-module-scss-module__op8x1G__dark{background-color:#0f0f0f24}.index-module-scss-module__op8x1G__btn.index-module-scss-module__op8x1G__dark .index-module-scss-module__op8x1G__bg{background:var(--color-secondary)}.index-module-scss-module__op8x1G__btn:not(.index-module-scss-module__op8x1G__simple):hover .index-module-scss-module__op8x1G__bg{transform:translate(0)}.index-module-scss-module__op8x1G__btn.index-module-scss-module__op8x1G__simple .index-module-scss-module__op8x1G__icon{mix-blend-mode:normal}.index-module-scss-module__op8x1G__bg{pointer-events:none;will-change:transform;transition:transform .25s;position:absolute;inset:0;transform:translate(-120%)}.index-module-scss-module__op8x1G__icon{z-index:2;width:calc(20*var(--vr));height:calc(20*var(--vr));mix-blend-mode:difference;flex-shrink:0;position:relative}.index-module-scss-module__op8x1G__up{transform:rotate(90deg)}.index-module-scss-module__op8x1G__right{transform:rotate(180deg)}.index-module-scss-module__op8x1G__down{transform:rotate(270deg)}.index-module-scss-module__op8x1G__left{transform:rotate(0)}