.button[data-v-38c15d04]{--pv:0;--ph:0;--w:38px;--h:38px;--color-border:var(--c-secondary);--color-background:var(--c-secondary);--color-border-hover:var(--c-secondary);--color-hover:var(--c-blue-rollover);height:var(--h);overflow:hidden;position:relative;width:var(--w)}@media (min-width:640px){.button[data-v-38c15d04]{--w:calc(21.48387px + 2.58065vw)}}@media (min-width:1260px){.button[data-v-38c15d04]{--w:54px}}@media (min-width:640px){.button[data-v-38c15d04]{--h:calc(21.48387px + 2.58065vw)}}@media (min-width:1260px){.button[data-v-38c15d04]{--h:54px}}.button[data-v-38c15d04] svg{position:absolute;top:50%;transform:translate(-50%,-50%);transition-duration:var(--transition-duration);transition-property:opacity,left;transition-timing-function:var(--transition-timing-function)}.button[data-v-38c15d04] svg:first-child{left:calc(var(--gap)*-1);opacity:0}.button[data-v-38c15d04] svg:last-child{left:50%}@media (any-hover:hover){.button[data-v-38c15d04]:hover svg:first-child{left:50%;opacity:1}.button[data-v-38c15d04]:hover svg:last-child{left:calc(100% + var(--gap));opacity:0}}.button.is-hovered[data-v-38c15d04] svg:first-child{color:var(--color-hover);left:50%;opacity:1}.button.is-hovered[data-v-38c15d04] svg:last-child{left:calc(100% + var(--gap));opacity:0}