body{background-color:var(--bg-home);background-image:url(/assets/img/ui/controller-big.svg);background-position:0 100%;background-repeat:no-repeat;background-size:clamp(9.375rem,5.571rem + 19.018vw,22.688rem);justify-content:center;align-items:center;min-height:100dvh;font-family:Red Rose,sans-serif;display:flex}.home{flex-direction:column;justify-content:center;align-items:center;gap:3em;width:100%;min-height:100dvh;display:flex}.title-wrapper{flex-direction:column;justify-content:center;gap:1em;display:flex}h2{color:var(--white);text-align:center;font-family:Red Rose;font-size:clamp(2.5rem,10vw - .25rem,8.75rem);font-weight:700}.play-time{color:var(--white);font-family:Almarai,sans-serif;font-size:clamp(2rem,1.286rem + 1.905vw,3rem)}.link-element{background-color:var(--button-primary-yellow-bg);width:clamp(12.5rem,10.268rem + 5.952vw,15.625rem);height:clamp(5rem,4.196rem + 2.143vw,6.125rem);color:var(--white);border:none;justify-content:center;align-items:center;gap:clamp(.75rem,.393rem + .952vw,1.25rem);transition:transform .3s;display:flex;transform:scale(1)translateZ(0)}.link-element>span{color:var(--button-primary-yellow-text);font-family:Red Rose;font-size:clamp(1.75rem,1.214rem + 1.429vw,2.5rem);font-weight:700;line-height:1;display:block}.link-element .link__controller,.link-element .link__arrow{flex-shrink:0;display:block}.link-element .link__controller{transform-origin:50%;width:44px;height:32px;transition:transform .3s;transform:rotate(0)}.link-element .link__arrow{transform-origin:0;width:33px;height:auto;transition:transform .3s;transform:scaleX(1)}.link-element:hover{transform:scale(1.1)}.link-element:hover .link__controller{transform:rotate(-25.77deg)}.link-element:hover .link__arrow{transform:scaleX(1.1)}