.diamond-btn{--thickness:2px;--diamond-width:clamp(25px, 30px + 1.5vw, 50px);--gap:calc(var(--diamond-width) / 1.5);background:0 0;display:flex;align-items:center;gap:var(--gap)}.diamond-sm{--diamond-width:clamp(25px, 20px + 1vw, 35px);--thickness:1.5px}.diamond-outer-wrapper{position:relative}.diamond{position:relative;width:var(--diamond-width);aspect-ratio:1/1;transform:rotate(45deg);background:linear-gradient(220.05deg,#f89b35 25.33%,#ffec04 75.7%);transition:all linear .3s;z-index:1;outline:var(--thickness) solid #000}.diamond:before{position:absolute;content:'';top:0;right:0;bottom:0;left:0;z-index:-1;background:#fff;transition:opacity .3s linear;opacity:1}.diamond-btn:hover .diamond:before{opacity:0}a:hover .diamond-btn .diamond:before{opacity:0}.diamond-inner svg,.diamond-inner img{stroke-width:var(--thickness);position:absolute;top:50%;z-index:3;max-width:50%;max-height:50%;left:50%;transform:translate(-50%,-50%);transition:all ease-in-out .1s}.diamond-btn{--up-transform:translate(-50%,-148%);--down-transform:translate(-47%,48%);--left-transform:translate(-148%,-50%);--right-transform:translate(50%,-50%)}.diamond-btn:hover .diamond-inner .right,a:hover .diamond-btn .diamond-inner .right{transform:var(--right-transform)}.diamond-btn:hover .diamond-inner .left,a:hover .diamond-btn .diamond-inner .left{transform:var(--left-transform)}.diamond-btn:hover .diamond-inner .up,a:hover .diamond-btn .diamond-inner .up{transform:var(--up-transform)}.diamond-btn:hover .diamond-inner .down,a:hover .diamond-btn .diamond-inner .down{transform:var(--down-transform)}.diamond-btn .button-text{font-size:clamp(1.25rem, 1.11rem + 0.71vw, 1.75rem)}