/* Common web button interaction, adapted from DESIGN SYSTEM/web-library.css.
 * Opt-in use; Figma 1:230. Labels remain in the accessibility tree on hover. */
[data-theme-page] .button{position:relative;isolation:isolate;overflow:hidden;--button-icon:52px;--button-pad-x:16px;--button-pad-y:8px;transition:transform 140ms ease-out}
[data-theme-page] .button-label{position:relative;z-index:1;transition:opacity .3s ease-out}
[data-theme-page] .button::before{content:"";position:absolute;inset:var(--button-pad-y) var(--button-pad-x) var(--button-pad-y) auto;width:var(--button-icon);border-radius:999px;background:#173300;transition:width .3s ease-out,inset .3s ease-out;z-index:-1}
[data-theme-page] .button:hover{transform:none;background:#eaff25}
[data-theme-page] .button-arrow{width:var(--button-icon);height:var(--button-icon);background:transparent;position:relative}
[data-theme-page] .button-arrow::before{content:"";position:absolute;left:calc(50% - 10.5px);top:calc(50% - 1.5px);width:21px;height:3px;border-radius:99px;background:white}
/* Figma 1:235: 12px includes the 3px borders. Rotated bounds start
 * 6.51px right and 6.99px above the 21x3px shaft (node 1:234). */
[data-theme-page] .button-arrow::after{content:"";position:absolute;box-sizing:border-box;left:calc(50% - 1.5045px);top:calc(50% - 6.0045px);width:12px;height:12px;border-top:3px solid white;border-right:3px solid white;transform:rotate(45deg)}
[data-theme-page] .button:focus-visible::before{inset:0;width:100%}
[data-theme-page] .button:focus-visible .button-label{opacity:0}
[data-theme-page] .button:focus-visible .button-arrow{position:absolute;left:calc(50% - var(--button-icon)/2)}
[data-theme-page] .button:focus-visible::after{content:"";width:var(--button-icon);flex-shrink:0}
@media(hover:hover) and (pointer:fine){[data-theme-page] .button:hover::before{inset:0;width:100%}[data-theme-page] .button:hover .button-label{opacity:0}[data-theme-page] .button:hover .button-arrow{position:absolute;left:calc(50% - var(--button-icon)/2)}[data-theme-page] .button:hover::after{content:"";width:var(--button-icon);flex-shrink:0}}
[data-theme-page] .button-small{--button-icon:36px;--button-pad-x:10px;--button-pad-y:4px}
@media(max-width:1100px){[data-theme-page] .incentives-actions .button{--button-icon:40px}}
@media(max-width:420px){[data-theme-page] .button{--button-icon:44px;--button-pad-x:12px;--button-pad-y:7px}[data-theme-page] .role .button{--button-icon:40px}[data-theme-page] .incentives-actions .button{--button-icon:36px;--button-pad-x:10px}[data-theme-page] .button-small{--button-icon:36px;--button-pad-x:10px;--button-pad-y:4px}}
@media(prefers-reduced-motion:reduce){[data-theme-page] .button::before,[data-theme-page] .button-label{transition:none}}

@media(prefers-reduced-motion:no-preference){[data-theme-page] .button:active{transform:scale(.98)}}