.action-button{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.action-button__text{z-index:2;transition:transform .2s ease-in;position:relative}.action-button__icon{top:50%;right:calc(var(--icon-size) * -1);width:var(--icon-size);height:var(--icon-size);color:var(--icon-color);background:var(--icon-bg);border:var(--icon-border) solid var(--icon-border-color);border-radius:50%;justify-content:center;align-items:center;transition:right .2s ease-in;display:flex;position:absolute;transform:translateY(-50%)}@media (width<=1024px){.action-button__icon{display:none}}.action-button__icon svg{width:var(--svg-size);height:var(--svg-size);color:inherit;transform:translateX(var(--svg-offset-x)) rotate(var(--svg-rotate));transition:transform .2s ease-in}.action-button__icon svg path{stroke-width:var(--svg-stroke)}@media (hover:hover) and (pointer:fine){.action-button:hover .action-button__text{transform:translateX(var(--text-shift));transition:transform .4s cubic-bezier(.22,1,.36,1)}.action-button:hover .action-button__icon{right:calc((var(--icon-size) - var(--icon-visible)) * -1);transition:right .4s cubic-bezier(.22,1,.36,1)}.action-button:hover .action-button__icon svg{transform:translateX(var(--svg-offset-x)) rotate(0deg);transition:transform .4s cubic-bezier(.22,1,.36,1) 30ms}}