:root{--ystd--button--border-radius:var(--ystd-button-border-radius);--ystdb--button--align:flex-start;--ystdb--button--text-color:var(--ystd--button--text-color,#fff);--ystdb--button--background-color:var(--ystd--button--background-color,#222);--ystdb--button--font-size:var(--ystd--button--font-size,#222);--ystdb--button--line-height:var(--ystd--button--line-height,1.3);--ystdb--button--font-weight:var(--ystd--button--font-weight,normal);--ystdb--button--border-width:var(--ystd--button--border-width,2px);--ystdb--button--border-color:var(--ystd--button--border-color,transparent);--ystdb--button--border-style:var(--ystd--button--border-style,solid);--ystdb--button--border-radius:var(--ystd--button--border-radius,4px);--ystdb--button--display:var(--ystd--button--display,inline-flex);--ystdb--button--justify:var(--ystd--button--justify,center);--ystdb--button--gap:var(--ystd--button--gap,0.5em);--ystdb--button--padding-y:var(--ystd--button--padding-y,0.25em);--ystdb--button--padding-x:var(--ystd--button--padding-x,2em);--ystdb--button--box-shadow:var(--ystd--button--box-shadow,none);--ystdb--button--text-decoration:var(--ystd--button--text-decoration,none);--ystdb--button--hover--text-color:var(--ystdb--button--text-color);--ystdb--button--hover--background-color:var(--ystdb--button--background-color);--ystdb--button--hover--border-color:var(--ystdb--button--border-color);--ystdb--button--hover--box-shadow-default:none;--ystdb--button--hover--box-shadow:var(--ystd--button--hover--box-shadow,var(--ystdb--button--hover--box-shadow-default))}.ystdb-custom-button__link{display:var(--ystdb--button--display);align-items:center;justify-content:var(--ystdb--button--justify);padding:var(--ystdb--button--padding-y) var(--ystdb--button--padding-x);gap:var(--ystdb--button--gap);border-width:var(--ystdb--button--border-width);border-style:var(--ystdb--button--border-style);border-radius:var(--ystdb--button--border-radius);border-color:var(--ystdb--button--border-color);background-color:var(--ystdb--button--background-color);box-shadow:var(--ystdb--button--box-shadow);color:var(--ystdb--button--text-color);font-weight:var(--ystdb--button--font-weight);font-size:var(--ystdb--button--font-size);line-height:var(--ystdb--button--line-height);-webkit-text-decoration:var(--ystdb--button--text-decoration);text-decoration:var(--ystdb--button--text-decoration);transition:width .3s,height .3s,padding .3s,background-color .3s,border-color .3s,border-width .3s,color .3s,font-size .3s,font-weight .3s,box-shadow .3s}@media(hover:hover){.ystdb-custom-button__link:hover{border-color:var(--ystdb--button--hover--border-color);background-color:var(--ystdb--button--hover--background-color);box-shadow:var(--ystdb--button--hover--box-shadow);color:var(--ystdb--button--hover--text-color)}}.ystdb-custom-button__link :where(.ys-icon){display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;line-height:1;vertical-align:-.25em}.ystdb-custom-button__link :where(.ys-icon svg){display:block;width:1.25em;height:1.25em}.ystdb-custom-button__link :where(.sns-icon svg){fill:currentcolor}.ystdb-custom-button__link:where(.has-animation){position:relative;overflow:hidden}.ystdb-custom-button__link:where(.has-animation):before{position:absolute;top:-50%;left:0;width:50px;height:150%;transform:rotate(45deg);background-color:#fff;content:"";animation-duration:inherit;animation-iteration-count:infinite;opacity:0}.ystdb-custom-button__link:where(.has-animation--shine):before{animation-name:ystdb_button_shine}:where(.ystdb-custom-button){display:flex;justify-content:var(--ystdb--button--align)}:where(.ystdb-custom-button):where(.is-type--outline) .ystdb-custom-button__link{background-color:rgba(0,0,0,0);--ystdb--button--hover--background-color:transparent;color:var(--ystdb--button--background-color);--ystdb--button--hover--text-color:var(--ystdb--button--background-color);border-color:var(--ystdb--button--background-color);--ystdb--button--hover--border-color:var(--ystdb--button--background-color)}:where(.ystdb-custom-button):where(.is-type--link) .ystdb-custom-button__link{background-color:rgba(0,0,0,0);--ystdb--button--hover--background-color:transparent;color:var(--ystd--link--color,var(--link-text));--ystdb--button--hover--text-color:var(--ystd--link--hover--color,var(--link-text-hover));--ystdb--button--border-width:0;--ystdb--button--hover--border--width:0;--ystdb--button--border-color:transparent;--ystdb--button--hover--border-color:transparent;--ystdb--button--padding-y:0;--ystdb--button--padding-x:0}@keyframes ystdb_button_shine{0%{transform:scale(0) rotate(45deg);opacity:0}80%{transform:scale(0) rotate(45deg);opacity:.3}81%{transform:scale(4) rotate(45deg);opacity:.6}to{transform:scale(80) rotate(45deg);opacity:0}}