.primary-button{--primary-orange:hsl(24,100%,56%);--primary-yellow:hsl(35,100%,56%);--primary-dark:hsl(24,100%,40%);--border-radius:9999px;--transition:0.3s ease;cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0 2.5rem;min-height:3rem;min-width:10rem;white-space:nowrap;background:transparent;border:none;border-radius:var(--border-radius);transform:translateZ(0);transition:transform .2s ease,box-shadow .3s ease;text-decoration:none;font-weight:500;font-size:.875rem}.primary-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-orange) 0,var(--primary-yellow) 100%);border-radius:var(--border-radius);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.1),0 4px 20px -5px rgba(255,122,26,.5);transition:box-shadow .3s ease;z-index:0}.primary-button:hover{transform:translateY(-1px);box-shadow:0 8px 25px -5px rgba(255,122,26,.6)}.primary-button:active{transform:translateY(0)}.primary-button__border{overflow:hidden;position:absolute;inset:-1px;background:transparent;border-radius:var(--border-radius);z-index:-1;pointer-events:none;opacity:.6}.primary-button__border:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0,rgba(255,255,255,.1) 20%,rgba(255,255,255,.8) 25%,rgba(255,255,255,.1) 30%,transparent 40%,transparent 100%);transform:translate(-50%,-50%) rotate(0deg);animation:primary-button-rotate 4s linear infinite}@keyframes primary-button-rotate{to{transform:translate(-50%,-50%) rotate(1turn)}}.primary-button__text{position:relative;z-index:10;color:white;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:.01em;text-align:center;width:100%}.primary-button__icon-wrapper{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center}.primary-button__icon{color:white;opacity:0;transition:all .3s ease}.primary-button:hover .primary-button__icon{opacity:.4;transform:translateX(3px)}@media (max-width:768px){.primary-button{padding:.625rem 2rem;min-height:2.75rem;font-size:.875rem;min-width:8rem}}