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