.arrowBtn{border:1px solid var(--main-text);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:46px;height:46px;transition:all .3s;display:flex;position:relative;overflow:hidden}.arrowBtn.circle{border-radius:50%}.arrowBtn:before{content:"";background-color:var(--main-text);transform-origin:var(--x,50%)var(--y,50%);z-index:0;border-radius:inherit;transition:transform .35s;position:absolute;inset:0;transform:scale(0)}.arrowBtn:hover:before{transform:scale(1)}.arrowBtn svg{z-index:1;transition:color .25s;position:relative}.arrowBtn:not(:disabled):hover svg{color:#fff}.arrowBtn:disabled{opacity:.4;cursor:not-allowed}.arrowBtn:disabled:hover:before{transform:scale(0)}