.main-button:hover>span:nth-child(1){transform:rotate(-5deg) translateY(-0.3vw)}.main-button:active>span:nth-child(1),.main-button:focus>span:nth-child(1){transform:rotate(-3deg) translateY(-0.15vw)}.main-button.shadow-icon:hover{transform:rotate(-5deg) translate(-0.15vw, -0.15vw)}.main-button.shadow-icon:hover>span:before{transform:skewX(-15deg) rotate(5deg) translate(0.4vw, 0.2vw)}.main-button.shadow-icon:active,.main-button.shadow-icon:focus{transform:rotate(-3deg) translateY(-0.15vw)}.main-button.shadow-icon:active>span:before,.main-button.shadow-icon:focus>span:before{transform:skewX(-15deg) rotate(3deg) translate(0.2vw, 0.1vw)}.main-button.shadow-text:hover:before{transform:rotate(5deg) scale(0.98) translate(0.2vw, 0.3vw)}.main-button.shadow-text:active:before,.main-button.shadow-text:focus:before{transform:rotate(2deg)}body[dir=rtl] .main-button:hover>span:nth-child(1){transform:rotate(5deg) translateY(-0.3vw)}body[dir=rtl] .main-button:active>span:nth-child(1),body[dir=rtl] .main-button:focus>span:nth-child(1){transform:rotate(3deg) translateY(-0.15vw)}body[dir=rtl] .main-button.shadow-icon:hover{transform:rotate(5deg) translate(0.15vw, -0.15vw)}body[dir=rtl] .main-button.shadow-icon:hover>span:before{transform:skewX(15deg) rotate(5deg) translate(-0.4vw, 0.2vw)}body[dir=rtl] .main-button.shadow-icon:active,body[dir=rtl] .main-button.shadow-icon:focus{transform:rotate(3deg) translateY(-0.15vw)}body[dir=rtl] .main-button.shadow-icon:active>span:before,body[dir=rtl] .main-button.shadow-icon:focus>span:before{transform:skewX(15deg) rotate(-3deg) translate(-0.2vw, 0.1vw)}body[dir=rtl] .main-button.shadow-text:hover:before{transform:rotate(-5deg) scale(0.98) translate(-0.2vw, 0.3vw)}body[dir=rtl] .main-button.shadow-text:active:before,body[dir=rtl] .main-button.shadow-text:focus:before{transform:rotate(-2deg)}.sub-button:hover:before{transform:rotate(6deg) translateY(0.7vw)}.sub-button:focus:before,.sub-button:active:before{transform:rotate(4deg) translateY(0.5vw)}body[dir=rtl] .sub-button:hover:before{transform:rotate(-6deg) translateY(0.7vw)}body[dir=rtl] .sub-button:focus:before,body[dir=rtl] .sub-button:active:before{transform:rotate(-4deg) translateY(0.5vw)}.background-shadow:hover::after{clip-path:ellipse(66% 73% at 76% 70%)}body[dir=rtl] .background-shadow:hover::after{clip-path:ellipse(66% 73% at 24% 70%)}body[dir=rtl] .background-shadow:focus-within::after{clip-path:ellipse(68% 75% at 24% 70%)}