.btn{--btn-badge-size:30px;isolation:isolate;border-radius:var(--radius-full);font-family:var(--font-heading);cursor:pointer;background:var(--off-white);color:var(--near-black);border:none;align-items:center;gap:10px;text-decoration:none;transition:color .3s;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{cursor:not-allowed;opacity:.6}.btnBadge{z-index:2;width:var(--btn-badge-size);height:var(--btn-badge-size);flex-shrink:0;position:relative}.btnFlood{z-index:1;pointer-events:none;border-radius:50%;transition:transform .45s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:scale(0)}.btn:hover .btnFlood{transform:scale(16)}.btnBadgeCircle{z-index:2;border-radius:50%;justify-content:center;align-items:center;transition:background .4s;display:flex;position:absolute;inset:0}.btnArrowIcon{width:70%;height:70%;color:inherit;transition:transform .4s ease-in-out;transform:rotate(-45deg)}.btn:hover .btnArrowIcon{transform:rotate(0)}.btnLabel{z-index:2;white-space:nowrap;position:relative}.btn--light .btnBadgeCircle,.btn--light .btnFlood{background:var(--green);color:var(--near-black)}.btn--light:hover .btnBadgeCircle{background:var(--off-white)}.btn--dark .btnBadgeCircle,.btn--dark .btnFlood{background:var(--dark-green);color:var(--off-white)}.btn--dark:hover .btnBadgeCircle{background:var(--off-white);color:var(--near-black)}.btn--dark:hover{color:var(--off-white)}