.ypk__button{align-items:center;border-color:var(--ypk__components__border-color);border-radius:var(--ypk__components__border-radius);border-style:var(--ypk__components__border-style);border-width:var(--ypk__components__border-width);box-shadow:var(--ypk__components__box-shadow);display:inline-flex;justify-content:center;overflow:hidden;padding:.2em 1em;text-decoration:none;transition:all .4s ease}.ypk__button svg{height:.8em;margin-left:.4em;transition:all .4s ease;width:.8em}.ypk__button-main{background:var(--ypk__button__color);color:var(--ypk__button__text)}.ypk__button-main svg{fill:var(--ypk__button__text)}.ypk__button-main:hover{background:var(--ypk__button-hover__color);color:var(--ypk__button-hover__text);fill:var(--ypk__button-hover__text)}.ypk__button-cta{background:var(--ypk__button-cta__color);color:var(--ypk__button-cta__text);fill:var(--ypk__button-cta__text)}.ypk__button-cta:hover{background:var(--ypk__button-cta-hover__color);color:var(--ypk__button-cta-hover__text);fill:var(--ypk__button-cta-hover__text)}.ypk__button-disabled{fill:var(--ypk__button-disabled__text)}.ypk__button-disabled,.ypk__button-disabled:hover{background:var(--ypk__button-disabled__color);color:var(--ypk__button-disabled__text)}.ypk__button-disabled:hover{cursor:not-allowed;fill:var(--ypk__button-disabled__text)}