.hover-line{width:120px;height:60px;color:rgba(var(--rgb-fg), .88);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;margin:0 auto;font-size:32px;line-height:60px;transition:color .5s;position:relative}.hover-line:before{content:"";z-index:-1;background:#c9a86a}.hover-line-m2lr2m:before{width:120px;height:2px;transition:all .5s;position:absolute;bottom:0;left:0%;transform:scaleX(0)}.hover-line-m2lr2m:hover:before{transform:scaleX(1)}.hover-line-l2r2l:before{width:0;height:2px;transition:width .5s;position:absolute;bottom:0;left:0}.hover-line-l2r2l:hover:before{width:120px}.hover-line-r2l2r:before{width:0;height:2px;transition:width .5s;position:absolute;bottom:0;right:0}.hover-line-r2l2r:hover:before{width:120px}.hover-line-l2r:before{transform-origin:100% 0;width:120px;height:2px;transition:transform .5s;position:absolute;bottom:0;left:0%;transform:scaleX(0)}.hover-line-l2r:hover:before{transform-origin:0 0;transform:scaleX(1)}.hover-line-r2l:before{transform-origin:0 0;width:120px;height:2px;transition:transform .5s;position:absolute;bottom:0;right:0%;transform:scaleX(0)}.hover-line-r2l:hover:before{transform-origin:100% 0;transform:scaleX(1)}.hover-line-t2b2t:before{transform-origin:100% 0;width:2px;height:60px;transition:transform .5s;position:absolute;bottom:0;left:0%;transform:scaleY(0)}.hover-line-t2b2t:hover:before{transform-origin:0 0;transform:scaleY(1)}.hover-line-t2b:before{transform-origin:100% 100%;width:2px;height:60px;transition:transform .5s;position:absolute;bottom:0;left:0%;transform:scaleY(0)}.hover-line-t2b:hover:before{transform-origin:0 0;transform:scaleY(1)}.hover-bg{width:120px;height:60px;color:rgba(var(--rgb-fg), .88);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;margin:0 auto;font-size:32px;line-height:60px;transition:color .5s;position:relative}.hover-bg:before{content:"";z-index:-1;background:#c9a86a;width:120px;height:60px;position:absolute;left:0}.hover-bg:hover{color:#fff}.hover-bg-l2r2l:before{transform-origin:0%;transition:transform .5s;transform:scaleX(0)}.hover-bg-l2r2l:hover:before{transform-origin:0%;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-l2r2l2:before{transform-origin:0%;transition:transform .5s;transform:scaleX(0)}.hover-bg-l2r2l2:hover:before{transform-origin:0%;transition-timing-function:cubic-bezier(.52,1.64,.37,.66);transform:scale(1)}.hover-bg-r2l2r:before{transform-origin:100%;transition:transform .5s;transform:scaleX(0)}.hover-bg-r2l2r:hover:before{transform-origin:100%;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-t2b2t:before{transform-origin:50% 0;transition:transform .5s;transform:scaleY(0)}.hover-bg-t2b2t:hover:before{transform-origin:0 0;transform:scaleY(1)}.hover-bg-t2b2b:before{transform-origin:50% 100%;transition:transform .5s;transform:scaleY(0)}.hover-bg-t2b2b:hover:before{transform-origin:0 0;transform:scaleY(1)}.hover-bg-b2t2b:before{transform-origin:100% 100%;transition:transform .5s;transform:scaleY(0)}.hover-bg-b2t2b:hover:before{transform-origin:100% 100%;transform:scaleY(1)}.hover-bg-b2t2t:before{transform-origin:0 0;transition:transform .5s;transform:scaleY(0)}.hover-bg-b2t2t:hover:before{transform-origin:100% 100%;transform:scaleY(1)}.hover-bg-m2lr2l:before{transform-origin:0%;transition:transform .5s;transform:scaleX(0)}.hover-bg-m2lr2l:hover:before{transform-origin:50%;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-m2lr2r:before{transform-origin:100%;transition:transform .5s;transform:scaleX(0)}.hover-bg-m2lr2r:hover:before{transform-origin:50%;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-l2r2m:before{transform-origin:50%;transition:transform .5s;transform:scaleX(0)}.hover-bg-l2r2m:hover:before{transform-origin:0%;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-r2l2m:before{transform-origin:50%;transition:transform .5s;transform:scaleX(0)}.hover-bg-r2l2m:hover:before{transform-origin:100%;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-l2r:before{transform-origin:100%;transition:transform .5s;transform:scaleX(0)}.hover-bg-l2r:hover:before{transform-origin:0%;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-m2lr:before{transform-origin:50% 100%;transition:transform .5s;transform:scaleX(0)}.hover-bg-m2lr:hover:before{transform-origin:50% 0;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-r2l:before{transform-origin:0%;transition:transform .5s;transform:scaleX(0)}.hover-bg-r2l:hover:before{transform-origin:100%;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-lt2lt:before{transform-origin:0 0;transition:transform .5s;transform:scale(0)}.hover-bg-lt2lt:hover:before{transform-origin:0 0;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-lt2rt:before{transform-origin:100% 0;transition:transform .5s;transform:scale(0)}.hover-bg-lt2rt:hover:before{transform-origin:0 0;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-lt2rb:before{transform-origin:100% 100%;transition:transform .5s;transform:scale(0)}.hover-bg-lt2rb:hover:before{transform-origin:0 0;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-lt2lb:before{transform-origin:0 100%;transition:transform .5s;transform:scale(0)}.hover-bg-lt2lb:hover:before{transform-origin:0 0;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-lb2lt:before{transform-origin:0 0;transition:transform .5s;transform:scale(0)}.hover-bg-lb2lt:hover:before{transform-origin:0 100%;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-lb2rt:before{transform-origin:100% 0;transition:transform .5s;transform:scale(0)}.hover-bg-lb2rt:hover:before{transform-origin:0 100%;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-lb2rb:before{transform-origin:100% 100%;transition:transform .5s;transform:scale(0)}.hover-bg-lb2rb:hover:before{transform-origin:0 100%;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-lb2lb:before{transform-origin:0 100%;transition:transform .5s;transform:scale(0)}.hover-bg-lb2lb:hover:before{transform-origin:0 100%;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-rt2lt:before{transform-origin:0 0;transition:transform .5s;transform:scale(0)}.hover-bg-rt2lt:hover:before{transform-origin:100% 0;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-rt2rt:before{transform-origin:100% 0;transition:transform .5s;transform:scale(0)}.hover-bg-rt2rt:hover:before{transform-origin:100% 0;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-rt2rb:before{transform-origin:100% 100%;transition:transform .5s;transform:scale(0)}.hover-bg-rt2rb:hover:before{transform-origin:100% 0;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-rt2lb:before{transform-origin:0 100%;transition:transform .5s;transform:scale(0)}.hover-bg-rt2lb:hover:before{transform-origin:100% 0;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-rb2lt:before{transform-origin:0 0;transition:transform .5s;transform:scale(0)}.hover-bg-rb2lt:hover:before{transform-origin:100% 100%;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-rb2rt:before{transform-origin:100% 0;transition:transform .5s;transform:scale(0)}.hover-bg-rb2rt:hover:before{transform-origin:100% 100%;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-rb2rb:before{transform-origin:100% 100%;transition:transform .5s;transform:scale(0)}.hover-bg-rb2rb:hover:before{transform-origin:100% 100%;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-rb2lb:before{transform-origin:0 100%;transition:transform .5s;transform:scale(0)}.hover-bg-rb2lb:hover:before{transform-origin:100% 100%;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-mt2mb:before{transform-origin:50% 100%;transition:transform .5s;transform:scale(0)}.hover-bg-mt2mb:hover:before{transform-origin:50% 0;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-mt2lb:before{transform-origin:0 100%;transition:transform .5s;transform:scale(0)}.hover-bg-mt2lb:hover:before{transform-origin:50% 0;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-mt2rb:before{transform-origin:100% 100%;transition:transform .5s;transform:scale(0)}.hover-bg-mt2rb:hover:before{transform-origin:50% 0;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-mb2mt:before{transform-origin:50% 0;transition:transform .5s;transform:scale(0)}.hover-bg-mb2mt:hover:before{transform-origin:50% 100%;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-mb2lt:before{transform-origin:0 0;transition:transform .5s;transform:scale(0)}.hover-bg-mb2lt:hover:before{transform-origin:50% 100%;transition-timing-function:ease-in;transform:scale(1)}.hover-bg-mb2rt:before{transform-origin:100% 0;transition:transform .5s;transform:scale(0)}.hover-bg-mb2rt:hover:before{transform-origin:50% 100%;transition-timing-function:ease-in;transform:scale(1)}.hover-transiton{background:rgba(var(--rgb-fg), .12);color:#fff;cursor:pointer;-webkit-tap-highlight-color:#0000;width:180px;height:60px;margin:0 auto;line-height:60px;overflow:hidden}.hover-transiton-1{z-index:10;transition:color .3s;position:relative}.hover-transiton-1:before{content:"";z-index:-1;pointer-events:none;background:#c9a86a;width:100%;height:100%;transition:transform .3s,opacity .3s;position:absolute;top:0;left:0;transform:translate(-150%)skew(40deg)}.hover-transiton-1:hover:before{opacity:1;transform:translate(0,0)skew(0)}.hover-transiton-2{transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-transiton-2:hover{animation-name:scaleGrow;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}@keyframes scaleGrow{0%{transform:scale(1)}to{transform:scale(1.1)}}.hover-transiton-3{transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-transiton-3:hover{animation-name:scaleShrink;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}@keyframes scaleShrink{0%{transform:scale(1)}to{transform:scale(.9)}}.hover-transiton-4{transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-transiton-4:hover{animation-name:scaleShrinkGrow;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1}@keyframes scaleShrinkGrow{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1)}}.hover-transiton-5{transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-transiton-5:hover{animation-name:scaleGrowShrink;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1}@keyframes scaleGrowShrink{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.hover-transiton-6{transition:transform .3s;box-shadow:0 0 1px #0000}.hover-transiton-6:hover{transform:skew(-10deg)}.hover-transiton-7{transform-origin:0 100%;transition:transform .3s;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-transiton-7:hover{transform:skew(-10deg)}.hover-transiton-8{width:180px;transition:transform .3s;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-transiton-8:hover{animation-name:wobble-horizontal;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes wobble-horizontal{0%{transform:translate(0)}16.65%{transform:translate(8px)}33.3%{transform:translate(-6px)}49.95%{transform:translate(4px)}66.6%{transform:translate(-2px)}83.25%{transform:translate(1px)}to{transform:translate(0)}}.hover-transiton-9{width:180px;transition:transform .3s;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-transiton-9:hover{animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes wobble-vertical{0%{transform:translateY(0)}16.65%{transform:translateY(8px)}33.3%{transform:translateY(-6px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}to{transform:translateY(0)}}.hover-transiton-10{width:220px;transition:transform .3s;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-transiton-10:hover{animation-name:wobble-to-bottom-right;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes wobble-to-bottom-right{0%{transform:translate(0)}16.65%{transform:translate(8px,8px)}33.3%{transform:translate(-6px,-6px)}49.95%{transform:translate(4px,4px)}66.6%{transform:translate(-2px,-2px)}83.25%{transform:translate(1px,1px)}to{transform:translateY(0, 0)}}.hover-transiton-11{width:190px;transition:transform .3s;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-transiton-11:hover{animation-name:wobble-to-top-right;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes wobble-to-top-right{0%{transform:translate(0)}16.65%{transform:translate(8px,-8px)}33.3%{transform:translate(-6px,6px)}49.95%{transform:translate(4px,-4px)}66.6%{transform:translate(-2px,2px)}83.25%{transform:translate(1px,-1px)}to{transform:translateY(0, 0)}}.hover-transiton-12{transform-origin:0 100%;transition:transform .3s;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-transiton-12:hover{animation-name:wobble-top;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes wobble-top{0%{transform:skew(0deg)}16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}to{transform:skew(0deg)}}.hover-transiton-13{transform-origin:100% 0;transition:transform .3s;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-transiton-13:hover{animation-name:wobble-bottom;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes wobble-bottom{0%{transform:skew(0deg)}16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}to{transform:skew(0deg)}}.hover-transiton-14{transition:color .3s;position:relative;overflow:hidden;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-transiton-14:before{content:"";z-index:-1;background:#c9a86a;transition:transform .3s ease-out;position:absolute;inset:0;transform:scale(0)}.hover-transiton-14:hover:before{transform:scale(2)}.hover-transiton-15{background:#c9a86a;transition:color .3s;position:relative;overflow:hidden;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-transiton-15:before{content:"";z-index:-1;background:rgba(var(--rgb-fg), .12);transition:transform .3s ease-out;position:absolute;inset:0;transform:scale(2)}.hover-transiton-15:hover:before{transform:scale(0)}.hover-transiton-16{transition:color .3s;position:relative;overflow:hidden;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-transiton-16:before{content:"";z-index:-1;background:#c9a86a;border-radius:50%;transition:transform .3s ease-out;position:absolute;inset:0;transform:scale(0)}.hover-transiton-16:hover:before{transform:scale(2)}.hover-transiton-17{background:#c9a86a;transition:color .3s;position:relative;overflow:hidden;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-transiton-17:before{content:"";z-index:-1;background:rgba(var(--rgb-fg), .12);border-radius:100%;transition:transform .3s ease-out;position:absolute;inset:0;transform:scale(2)}.hover-transiton-17:hover:before{transform:scale(0)}.hover-transiton-18{background:#c9a86a;width:220px;transition:color .3s;position:relative;overflow:hidden;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-transiton-18:before{content:"";z-index:-1;background:rgba(var(--rgb-fg), .12);transform-origin:50%;transition:transform .3s ease-out;position:absolute;inset:0;transform:scaleX(1)}.hover-transiton-18:hover:before{transform:scaleX(0)}.hover-transiton-19{background:rgba(var(--rgb-fg), .12);width:220px;transition:color .3s;position:relative;overflow:hidden;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-transiton-19:before{content:"";z-index:-1;transform-origin:50%;background:#c9a86a;transition:transform .3s ease-out;position:absolute;inset:0;transform:scaleX(0)}.hover-transiton-19:hover:before{transform:scaleX(1)}.hover-transiton-20{background:#c9a86a;width:220px;transition:color .3s;position:relative;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-transiton-20:before{content:"";z-index:-1;background:rgba(var(--rgb-fg), .12);transform-origin:50%;transition:transform .3s ease-out;position:absolute;inset:0;transform:scaleY(1)}.hover-transiton-20:hover:before{transform:scaleY(0)}.hover-transiton-21{background:rgba(var(--rgb-fg), .12);width:220px;transition:color .3s;position:relative;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-transiton-21:before{content:"";z-index:-1;transform-origin:50%;background:#c9a86a;transition:transform .3s ease-out;position:absolute;inset:0;transform:scaleY(0)}.hover-transiton-21:hover:before{transform:scaleY(1)}.hover-border{background:rgba(var(--rgb-fg), .12);color:#fff;cursor:pointer;-webkit-tap-highlight-color:#0000;width:180px;height:60px;margin:0 auto;line-height:60px}.hover-border-1{position:relative;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-border-1:before{content:"";opacity:0;border:4px solid #fff;transition:opacity .3s;position:absolute;inset:4px}.hover-border-1:hover:before{opacity:1}.hover-border-2{position:relative;overflow:hidden;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-border-2:before{content:"";border:6px solid #e1e1e1;animation-duration:1s;position:absolute;inset:0}.hover-border-2:hover:before{animation-name:ripple-out}.hover-border-3{position:relative;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-border-3:before{content:"";border:6px solid #e1e1e1;animation-duration:1s;position:absolute;inset:0}.hover-border-3:hover:before{animation-name:ripple-out}@keyframes ripple-out{0%{opacity:1;inset:0}to{opacity:0;inset:-12px}}.hover-border-4{position:relative;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-border-4:before{content:"";opacity:0;border:4px solid #e1e1e1;animation-duration:1s;position:absolute;inset:-12px}.hover-border-4:hover:before{animation-name:ripple-in}@keyframes ripple-in{to{opacity:1;inset:0}}.hover-border-5{transition:border-radius .3s;transform:perspective(1px)translateZ(0);box-shadow:0 0 1px #0000}.hover-border-5:hover{border-radius:1em}.hover-border-6{z-index:1;transition:background .2s,color .2s;position:relative}.hover-border-6:before{content:"";pointer-events:none;opacity:0;width:100%;height:100%;padding:2px;transition:transform .2s,opacity .2s;position:absolute;top:-2px;left:-2px;transform:scale(.8);box-shadow:0 0 0 4px #c9a86a}.hover-border-6:hover:before{opacity:1;transform:scale(1)}.hover-border-21{background:rgba(var(--rgb-fg), .08);position:relative}.hover-border-21:before{content:"";z-index:1;border-top:1px solid #fff;border-left:1px solid #fff;width:30px;height:30px;transition:all .5s ease-in-out;position:absolute;top:0;left:0}.hover-border-21:after{content:"";z-index:1;border-bottom:1px solid #fff;border-right:1px solid #fff;width:30px;height:30px;transition:all .5s ease-in-out;position:absolute;bottom:0;right:0}.hover-border-21:hover:before,.hover-border-21:hover:after{width:190px;height:70px}.hover-border-22{background:rgba(var(--rgb-fg), .08);position:relative}.hover-border-22:before{content:"";z-index:1;border-top:1px solid #fff;width:0;transition:all .5s ease-in-out;position:absolute;top:0;left:50%}.hover-border-22:after{content:"";z-index:1;border-bottom:1px solid #fff;width:0;transition:all .5s ease-in-out;position:absolute;bottom:0;left:50%}.hover-border-22:hover:before,.hover-border-22:hover:after{width:180px;transform:translate(-90px)}.hover-border-23{background:rgba(var(--rgb-fg), .08);position:relative}.hover-border-23 .border{z-index:1;transition:all .5s ease-in-out;position:absolute}.hover-border-23 .border:first-of-type{border-top:1px solid #fff;width:180px;top:0;left:0}.hover-border-23 .border:nth-of-type(2){border-bottom:1px solid #fff;width:180px;bottom:0;left:0}.hover-border-23 .border:nth-of-type(3){border-left:1px solid #fff;height:58px;top:1px;left:0}.hover-border-23 .border:nth-of-type(4){border-right:1px solid #fff;height:58px;top:1px;right:0}.hover-border-23:hover .border:first-of-type{transform:translateY(59px)}.hover-border-23:hover .border:nth-of-type(2){transform:translateY(-59px)}.hover-border-23:hover .border:nth-of-type(3){transform:translate(179px)}.hover-border-23:hover .border:nth-of-type(4){transform:translate(-179px)}.hover-border-24{background:rgba(var(--rgb-fg), .08);position:relative}.hover-border-24 .border{z-index:1;transition:all .5s ease-in-out;position:absolute}.hover-border-24 .border:first-of-type{border-top:1px solid #fff;width:0;height:0;top:0;left:0}.hover-border-24 .border:nth-of-type(2){border-right:1px solid #fff;width:10px;height:0;top:0;right:0}.hover-border-24 .border:nth-of-type(3){border-bottom:1px solid #fff;width:0;height:0;bottom:0;right:0}.hover-border-24 .border:nth-of-type(4){border-left:1px solid #fff;width:0;height:0;bottom:0;left:0}.hover-border-24:hover .border:first-of-type{width:180px}.hover-border-24:hover .border:nth-of-type(2){height:60px}.hover-border-24:hover .border:nth-of-type(3){width:180px}.hover-border-24:hover .border:nth-of-type(4){height:60px}.hover-border-25{background:rgba(var(--rgb-fg), .08);position:relative;overflow:hidden}.hover-border-25:before{content:" ";background:rgba(var(--rgb-fg), .1);width:180px;height:60px;transition:all .15s ease-in-out;display:block;position:absolute;top:-10px;left:-180px;transform:rotate(-45deg)}.hover-border-25:hover:before{margin-left:400px}.hover-border-26{background:rgba(var(--rgb-fg), .08);position:relative;overflow:hidden}.hover-border-26 .border{z-index:0;background:rgba(var(--rgb-fg), .04);width:30px;height:30px;transition:all .5s ease-in-out;position:absolute;transform:rotate(45deg)}.hover-border-26 .border:first-of-type{top:-65px;left:-60px}.hover-border-26 .border:nth-of-type(2){top:-65px;right:-60px}.hover-border-26 .border:nth-of-type(3){bottom:-65px;left:-60px}.hover-border-26 .border:nth-of-type(4){bottom:-65px;right:-60px}.hover-border-26:hover span{z-index:1;color:#ff9292;transition:color 2s;position:relative}.hover-border-26:hover .border{width:160px;height:160px}@media screen and (max-width:1600px){.wrap{margin:140px 20px 50px}}@media screen and (max-width:1440px){.wrap{margin:120px 20px 50px}.wrap .effect-wrap .effect-title{margin-top:20px;margin-bottom:20px;padding-left:10px;font-size:24px}.wrap .effect-wrap .effect-item{min-width:150px}.wrap .effect-wrap .effect-transiton .effect-item,.wrap .effect-wrap .effect-border .effect-item{min-width:300px;margin-bottom:30px}.wrap .effect-wrap .effect-transiton .effect-item .hover-transiton,.wrap .effect-wrap .effect-border .effect-item .hover-transiton,.wrap .effect-wrap .effect-transiton .effect-item .hover-border,.wrap .effect-wrap .effect-border .effect-item .hover-border{width:260px}}@media screen and (max-width:414px){.wrap{margin:80px 20px 50px}.wrap .effect-wrap .effect-title{margin-top:20px;margin-bottom:20px;padding-left:10px;font-size:24px}.wrap .effect-wrap .effect-item{min-width:150px}.wrap .effect-wrap .effect-transiton .effect-item,.wrap .effect-wrap .effect-border .effect-item{min-width:300px;margin-bottom:30px}.wrap .effect-wrap .effect-transiton .effect-item .hover-transiton,.wrap .effect-wrap .effect-border .effect-item .hover-transiton,.wrap .effect-wrap .effect-transiton .effect-item .hover-border,.wrap .effect-wrap .effect-border .effect-item .hover-border{width:280px}}