.gold-outline-button{height:fit-content;position:relative;transition:.3s all ease-in-out;z-index:1}.gold-outline-button.right{transform:scale3d(-1,1,1)}.gold-outline-button.right .text{transform:scaleX(-1)}.gold-outline-button.right:active{transform:scale3d(-.9,.9,.9)}.gold-outline-button.left:active{transform:scale3d(.9,.9,.9)}.gold-outline-button .btn-inner{--bg-color: linear-gradient(180deg, #FFF656 0%, #FFE826 60%, #FFAC0F 100%);--bg-color-hover: var(--primary-1000);--border-width: 1.5px;--border-color: var(--primary-1000);--text-color: var(--black-1000);--text-color-hover: var(--black-1000);--blur: 4px;--curve-top-left-1: 1.375rem;--curve-top-left-2: 1.75rem;--curve-bottom-right-1: .75rem;--curve-bottom-right-2: 1rem;width:100%;min-width:9.813rem;border:0;display:inline-grid;place-content:center;padding:.75rem 2.25rem;cursor:pointer;position:relative;transition:.3s all ease-in-out;clip-path:polygon(0% var(--curve-top-left-1),var(--curve-top-left-2) 0,100% 0,100% calc(100% - var(--curve-bottom-right-1)),calc(100% - var(--curve-bottom-right-2)) 100%,0 100%)}.gold-outline-button .btn-inner:before{content:"";position:absolute;inset:0;background-color:var(--border-color);z-index:-3}.gold-outline-button .btn-inner:after{content:"";position:absolute;inset:0;background:var(--bg-color);z-index:-2;clip-path:polygon(var(--border-width) calc(var(--curve-top-left-1) + var(--border-width) * .5),calc(var(--curve-top-left-2) + var(--border-width) * .5) var(--border-width),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) calc(100% - calc(var(--curve-bottom-right-1) + var(--border-width) * .5)),calc(100% - calc(var(--curve-bottom-right-2) + var(--border-width) * .5)) calc(100% - var(--border-width)),var(--border-width) calc(100% - var(--border-width)))}.gold-outline-button .btn-inner .hover-overlay{content:"";position:absolute;inset:0;background:var(--bg-color-hover);z-index:-1;clip-path:polygon(var(--border-width) calc(var(--curve-top-left-1) + var(--border-width) * .5),calc(var(--curve-top-left-2) + var(--border-width) * .5) var(--border-width),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) calc(100% - calc(var(--curve-bottom-right-1) + var(--border-width) * .5)),calc(100% - calc(var(--curve-bottom-right-2) + var(--border-width) * .5)) calc(100% - var(--border-width)),var(--border-width) calc(100% - var(--border-width)));opacity:0;transition:opacity .4s ease-in-out}.gold-outline-button .text{color:var(--text-color);font-size:1rem;font-weight:600;line-height:1.313;letter-spacing:.75px;text-transform:capitalize;transition:color .3s ease-in-out}.gold-outline-button .corner-shape{width:.688rem;height:.5rem;background-color:var(--white-1000);display:inline-block;position:absolute;right:0;bottom:0;transition:.3s all ease-in-out;clip-path:polygon(100% 100%,100% 0%,0% 100%)}.gold-outline-button:hover .btn-inner .hover-overlay{opacity:1}.gold-outline-button:hover .text{color:var(--text-color-hover)}@media screen and (max-width:991.98px){.gold-outline-button .btn-inner{--curve-top-left-1: .938rem;--curve-top-left-2: 1.125rem;--curve-bottom-right-1: .625rem;--curve-bottom-right-2: .75rem;min-width:5.375rem;padding:.5rem 1.25rem}.gold-outline-button .text{font-size:.75rem}.gold-outline-button .corner-shape{width:.531rem;height:.438rem}}
