.btn-primary{position:relative;background:var(--robin-600);border:1px solid transparent;box-shadow:0 -1px 0 0 var(--black-trans-100) inset,0 4px 24px 0 var(--black-trans-50);transition:box-shadow .5s ease,border .5s ease,outline .5s ease;overflow:hidden}.btn-primary:before{background:var(--robin-600)}.btn-primary:after,.btn-primary:before{content:"";position:absolute;inset:0;z-index:0;transition:opacity .5s ease;pointer-events:none}.btn-primary:after{background:linear-gradient(0deg,var(--black-trans-100) 0,var(--black-trans-100) 100%),linear-gradient(180deg,var(--robin-600) 0,var(--robin-600-alpha-90) 100%);background-blend-mode:plus-darker,normal;opacity:0}.btn-primary>*{position:relative;z-index:1}.btn-primary:focus{background:linear-gradient(0deg,var(--black-trans-100) 0,var(--black-trans-100) 100%),linear-gradient(180deg,var(--robin-600) 0,var(--robin-600-alpha-90) 100%);background-blend-mode:plus-darker,normal;outline:none;box-shadow:0 0 0 4px var(--robin-600-alpha-15),0 -1px 0 0 var(--black-trans-100) inset,0 4px 24px 0 var(--black-trans-50)}.btn-primary:active:after,.btn-primary:focus:after,.btn-primary:hover:after{opacity:1}.btn-primary:active:before,.btn-primary:focus:before,.btn-primary:hover:before{opacity:0}.btn-primary:active,.btn-primary:hover{box-shadow:0 -1px 0 0 var(--black-trans-100) inset,0 4px 24px 0 var(--black-trans-50)}.btn-primary:active{border:1px solid var(--black-trans-200)}.btn-primary:disabled{opacity:.35;background:var(--robin-600)}.btn-primary:disabled,.btn-secondary{box-shadow:0 -1px 0 0 var(--black-trans-100) inset,0 4px 24px 0 var(--black-trans-50)}.btn-secondary{position:relative;border:1px solid var(--black-trans-100);background:var(--black-trans-50);transition:box-shadow .5s ease,border .5s ease;overflow:hidden}.btn-secondary:before{background:linear-gradient(180deg,var(--button-secondary-gradient-start) 0,var(--button-secondary-gradient-end) 100%);opacity:1}.btn-secondary:after,.btn-secondary:before{content:"";position:absolute;inset:0;transition:opacity .5s ease;pointer-events:none;z-index:0}.btn-secondary:after{background:var(--black-trans-50);opacity:0}.btn-secondary>*{position:relative;z-index:1}.btn-secondary:active{border:1px solid var(--black-trans-100);background:linear-gradient(180deg,var(--button-secondary-gradient-start) 0,var(--button-secondary-gradient-end) 100%);box-shadow:0 -1px 0 0 var(--black-trans-100) inset,0 4px 24px 0 var(--black-trans-50)}.btn-secondary:hover:before{opacity:0}.btn-secondary:hover:after{opacity:1}.btn-secondary:focus{box-shadow:0 0 0 4px var(--black-trans-50),0 -1px 0 0 var(--black-trans-100) inset,0 4px 24px 0 var(--black-trans-50)}.btn-secondary:disabled,.btn-secondary:focus{border:1px solid var(--black-trans-100);background:linear-gradient(180deg,var(--button-secondary-gradient-start) 0,var(--button-secondary-gradient-end) 100%)}.btn-secondary:disabled{opacity:.35;box-shadow:0 -1px 0 0 var(--black-trans-100) inset,0 4px 24px 0 var(--black-trans-50)}.btn-ghost{transition:background-color .5s ease}.btn-ghost:hover{background:var(--black-trans-50)}.btn-ghost:disabled{opacity:.35}