/* 143783 - 立体的 */
:root :where(.wp-block-button.is-style-snow-monkey-143783) .wp-block-button__link, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143783) .smb-btn { border-bottom-style: solid; border-bottom-width: 5px; transition: none; } :root :where(.wp-block-button.is-style-snow-monkey-143783) .wp-block-button__link { --btn--background-color: var(--wp--preset--color--luminous-vivid-amber); background-color: var(--btn--background-color); border-bottom-color: color-mix(in srgb, var(--btn--background-color), #000 15%); } :root :where(.smb-btn-wrapper.is-style-snow-monkey-143783) .smb-btn { --smb-btn--background-color: var(--wp--preset--color--luminous-vivid-amber); border-bottom-color: color-mix(in srgb, var(--smb-btn--background-color), #000 15%); } :root :where(.wp-block-button.is-style-snow-monkey-143783) .wp-block-button__link:active, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143783) .smb-btn:active { margin-top: 3px; border-bottom-width: 2px; } :root :where(.wp-block-button.is-style-snow-monkey-143783) .wp-block-button__link:focus-visible, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143783) .smb-btn:focus-visible { filter: none; } @media (any-hover: hover) { :root :where(.wp-block-button.is-style-snow-monkey-143783) .wp-block-button__link:hover, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143783) .smb-btn:hover { filter: none; } }

/* 143789 - 矢印エリア */
:root :where(.wp-block-button.is-style-snow-monkey-143789), :root :where(.smb-btn-wrapper.is-style-snow-monkey-143789) { --btn--inline-svg: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-right%22%3E%3Cpolyline%20points%3D%229%2018%2015%2012%209%206%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E); --btn--arrow-area-width: 30px; } :root :where(.wp-block-button.is-style-snow-monkey-143789) .wp-block-button__link, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143789) .smb-btn { position: relative; padding-right: calc(var(--btn--arrow-area-width) + var(--_s-1)); overflow: hidden; } :root :where(.wp-block-button.is-style-snow-monkey-143789) .wp-block-button__link::before, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143789) .smb-btn::before { content: ''; position: absolute; inset: 0 0 0 calc(100% - var(--btn--arrow-area-width)); background-color: rgba(0 0 0 / .15); } :root :where(.wp-block-button.is-style-snow-monkey-143789) .wp-block-button__link::after, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143789) .smb-btn::after { content: ''; position: absolute; inset: calc(50% - .5em) calc(var(--btn--arrow-area-width) / 2 - .5em) auto auto; display: block; mask-image: var(--btn--inline-svg); mask-position: center center; mask-repeat: no-repeat; mask-size: contain; height: 1em; width: 1em; background-color: currentColor; }

/* 143790 - 丸アイコン（左） */
:root :where(.wp-block-button.is-style-snow-monkey-143790), :root :where(.smb-btn-wrapper.is-style-snow-monkey-143790) { --btn--circle-color: currentColor; --btn--circle-size: 42px; --btn--icon-color: var(--wp--preset--color--white); --btn--inline-svg: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-right%22%3E%3Cpolyline%20points%3D%229%2018%2015%2012%209%206%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E); --btn--padding: 0; } :root :where(.wp-block-button.is-style-snow-monkey-143790) .wp-block-button__link, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143790) .smb-btn { position: relative; display: flex; align-items: center; gap: var(--_s-1); background-color: transparent; padding: 0; } :root :where(.wp-block-button.is-style-snow-monkey-143790) .wp-block-button__link { color: var(--wp--preset--color--sm-accent); } :root :where(.smb-btn-wrapper.is-style-snow-monkey-143790) .smb-btn { --smb-btn--color: var(--wp--preset--color--sm-accent); } :root :where(.wp-block-button.is-style-snow-monkey-143790) .wp-block-button__link::before, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143790) .smb-btn::before { content: ''; display: block; background-color: var(--btn--circle-color); border-radius: 100%; height: var(--btn--circle-size); width: var(--btn--circle-size); min-width: var(--btn--circle-size); transition: background-color .2s; } :root :where(.wp-block-button.is-style-snow-monkey-143790) .wp-block-button__link::after, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143790) .smb-btn::after { content: ''; position: absolute; left: calc(var(--btn--circle-size) / 2 - .5em); display: block; mask-image: var(--btn--inline-svg); mask-position: center center; mask-repeat: no-repeat; mask-size: contain; height: 1em; width: 1em; background-color: var(--btn--icon-color); }

/* 143795 - 丸アイコン（右） */
:root :where(.wp-block-button.is-style-snow-monkey-143795), :root :where(.smb-btn-wrapper.is-style-snow-monkey-143795) { --circle-size: 42px; --circle-color: currentColor; --icon-color: var(--wp--preset--color--white); --inline-svg: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-right%22%3E%3Cpolyline%20points%3D%229%2018%2015%2012%209%206%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E); --btn--padding: 0; } :root :where(.wp-block-button.is-style-snow-monkey-143795) .wp-block-button__link, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143795) .smb-btn { position: relative; display: flex; align-items: center; flex-direction: row-reverse; gap: var(--_s-1); background-color: transparent; padding: 0; } :root :where(.wp-block-button.is-style-snow-monkey-143795) .wp-block-button__link { color: var(--wp--preset--color--sm-accent); } :root :where(.smb-btn-wrapper.is-style-snow-monkey-143795) .smb-btn { --smb-btn--color: var(--wp--preset--color--sm-accent); } :root :where(.wp-block-button.is-style-snow-monkey-143795) .wp-block-button__link::before, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143795) .smb-btn::before { content: ''; display: block; background-color: var(--circle-color); border-radius: 100%; height: var(--circle-size); width: var(--circle-size); min-width: var(--circle-size); transition: background-color .2s; } :root :where(.wp-block-button.is-style-snow-monkey-143795) .wp-block-button__link::after, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143795) .smb-btn::after { content: ''; position: absolute; right: calc(var(--circle-size) / 2 - .5em); display: block; mask-image: var(--inline-svg); mask-position: center center; mask-repeat: no-repeat; mask-size: contain; height: 1em; width: 1em; background-color: var(--icon-color); }

/* 143798 - クロス */
:root :where(.wp-block-button.is-style-snow-monkey-143798), :root :where(.smb-btn-wrapper.is-style-snow-monkey-143798) { --cross-color: currentColor; } :root :where(.wp-block-button.is-style-snow-monkey-143798) .wp-block-button__link, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143798) .smb-btn { position: relative; border-radius: 0; padding: calc(var(--_padding1) / 1.5) var(--_padding1); } :root :where(.wp-block-button.is-style-snow-monkey-143798) .wp-block-button__link { background-color: transparent; color: currentColor; } :root :where(.smb-btn-wrapper.is-style-snow-monkey-143798) .smb-btn { --smb-btn--background-color: transparent; --smb-btn--color: currentColor; } :root :where(.wp-block-button.is-style-snow-monkey-143798) .wp-block-button__link::before, :root :where(.wp-block-button.is-style-snow-monkey-143798) .wp-block-button__link::after, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143798) .smb-btn::before, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143798) .smb-btn::after { content: ''; position: absolute; height: 50%; width: 50%; background-color: var(--cross-color); mask-repeat: no-repeat, no-repeat; mask-size: 6px 6px, 100% 100%; } :root :where(.wp-block-button.is-style-snow-monkey-143798) .wp-block-button__link::before, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143798) .smb-btn::before { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0L5 5H0V6H5H6L6 5V0H5Z' stroke-width='1px' /%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cline x1='0' y1='0' x2='0' y2='6' stroke-width='2px' vector-effect='non-scaling-stroke' stroke='currentColor'%3E%3C/line%3E%3Cline x1='0' y1='0' x2='6' y2='0' stroke-width='2px' vector-effect='non-scaling-stroke' stroke='currentColor'%3E%3C/line%3E%3C/svg%3E"); mask-position: 0 0, 5px 5px; inset: 0 auto auto 0; } :root :where(.wp-block-button.is-style-snow-monkey-143798) .wp-block-button__link::after, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143798) .smb-btn::after { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0H1H0V0.999999V6H1L1 1L6 1V0Z' fill='currentColor'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3Csvg viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cline x1='0' y1='6' x2='6' y2='6' stroke-width='2px' vector-effect='non-scaling-stroke' stroke='currentColor'%3E%3C/line%3E%3Cline x1='6' y1='0' x2='6' y2='6' stroke-width='2px' vector-effect='non-scaling-stroke' stroke='currentColor'%3E%3C/line%3E%3C/svg%3E"); mask-position: 100% 100%, calc(100% - 5px) calc(100% - 5px); inset: auto 0 0 auto; } :root :where(.wp-block-button.is-style-snow-monkey-143798) .wp-block-button__link:focus-visible, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143798) .smb-btn:focus-visible { filter: none; } @media (any-hover: hover) { :root :where(.wp-block-button.is-style-snow-monkey-143798) .wp-block-button__link:hover, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143798) .smb-btn:hover { filter: none; } }

/* 143799 - ダッシュ */
:root :where(.wp-block-button.is-style-snow-monkey-143799), :root :where(.smb-btn-wrapper.is-style-snow-monkey-143799) { --circle-size: 42px; --circle-color: currentColor; --icon-color: var(--wp--preset--color--sm-accent); --inline-svg: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-right%22%3E%3Cpolyline%20points%3D%229%2018%2015%2012%209%206%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E); } :root :where(.wp-block-button.is-style-snow-monkey-143799) { --btn--padding: var(--_padding-2); } :root :where(.wp-block-button.is-style-snow-monkey-143799) .wp-block-button__link, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143799) .smb-btn { position: relative; display: grid; grid-auto-flow: column; grid-template-columns: auto 1fr; align-items: center; gap: var(--_s-1); color: var(--wp--preset--color--white); font-weight: bold; } :root :where(.wp-block-button.is-style-snow-monkey-143799) .wp-block-button__link { border-radius: calc(var(--circle-size) / 2 + var(--btn--padding)); padding: var(--btn--padding) calc(var(--_padding-2) * 2) var(--btn--padding) var(--btn--padding); } :root :where(.smb-btn-wrapper.is-style-snow-monkey-143799) .smb-btn { --smb-btn--padding: var(--_padding-2); --smb-btn--border-radius: calc(var(--circle-size) / 2 + var(--smb-btn--padding)); padding: var(--smb-btn--padding) calc(var(--_padding-2) * 2) var(--smb-btn--padding) var(--smb-btn--padding); } :root :where(.wp-block-button.is-style-snow-monkey-143799) .wp-block-button__link::before, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143799) .smb-btn::before { content: ''; display: block; background-color: var(--circle-color); border-radius: var(--circle-size); height: var(--circle-size); width: var(--circle-size); } :root :where(.wp-block-button.is-style-snow-monkey-143799) .wp-block-button__link::after, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143799) .smb-btn::after { content: ''; position: absolute; display: block; mask-image: var(--inline-svg); mask-position: center center; mask-repeat: no-repeat; mask-size: contain; height: 1em; width: 1em; background-color: inherit; } :root :where(.wp-block-button.is-style-snow-monkey-143799) .wp-block-button__link::after { left: calc(var(--circle-size) / 2 + var(--btn--padding) - .5em); } :root :where(.smb-btn-wrapper.is-style-snow-monkey-143799) .smb-btn::after { left: calc(var(--circle-size) / 2 + var(--smb-btn--padding) - .5em); }

/* 143801 - ソリッドな影 */
:root :where(.wp-block-button.is-style-snow-monkey-143801) .wp-block-button__link, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143801) .smb-btn { border-width: 1px; border-style: solid; border-color: currentColor; border-radius: 0; box-shadow: 5px 5px 0 currentColor; transition: transform .1s, box-shadow .1s; } :root :where(.wp-block-button.is-style-snow-monkey-143801) .wp-block-button__link { background-color: var(--wp--preset--color--white); color: var(--wp--preset--color--sm-text); } :root :where(.smb-btn-wrapper.is-style-snow-monkey-143801) .smb-btn { --smb-btn--background-color: var(--wp--preset--color--white); --smb-btn--color: var(--wp--preset--color--sm-text); } :root :where(.wp-block-button.is-style-snow-monkey-143801) .wp-block-button__link:active, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143801) .smb-btn:active { box-shadow: none; transform: translate(5px, 5px); } :root :where(.wp-block-button.is-style-snow-monkey-143801) .wp-block-button__link:focus-visible, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143801) .smb-btn:focus-visible { filter: none; } @media (any-hover: hover) { :root :where(.wp-block-button.is-style-snow-monkey-143801) .wp-block-button__link:hover, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143801) .smb-btn:hover { filter: none; } }

/* 143805 - 線状の影 */
:root :where(.wp-block-button.is-style-snow-monkey-143805), :root :where(.smb-btn-wrapper.is-style-snow-monkey-143805) { --btn--shadow-offset: 7px; padding: 0 var(--btn--shadow-offset) var(--btn--shadow-offset) 0; } :root :where(.wp-block-button.is-style-snow-monkey-143805) .wp-block-button__link, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143805) .smb-btn { position: relative; border-width: 1px; border-style: solid; border-color: currentColor; border-radius: 0; transition: transform .05s; } :root :where(.wp-block-button.is-style-snow-monkey-143805) .wp-block-button__link { background-color: var(--wp--preset--color--white); color: var(--wp--preset--color--sm-text); } :root :where(.smb-btn-wrapper.is-style-snow-monkey-143805) .smb-btn { --smb-btn--background-color: var(--wp--preset--color--white); --smb-btn--color: var(--wp--preset--color--sm-text); } :root :where(.wp-block-button.is-style-snow-monkey-143805) .wp-block-button__link::before, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143805) .smb-btn::before { content: ''; position: absolute; inset: auto calc(var(--btn--shadow-offset) * -1) calc(var(--btn--shadow-offset) * -1) auto; height: 70%; width: 70%; mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cline x1='0' y1='6' x2='6' y2='6' stroke-width='2px' vector-effect='non-scaling-stroke' stroke='currentColor'%3E%3C/line%3E%3Cline x1='6' y1='0' x2='6' y2='6' stroke-width='2px' vector-effect='non-scaling-stroke' stroke='currentColor'%3E%3C/line%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: 100% 100%; background-color: currentColor; } :root :where(.wp-block-button.is-style-snow-monkey-143805) .wp-block-button__link:active, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143805) .smb-btn:active { transform: translate(var(--btn--shadow-offset), var(--btn--shadow-offset)); } :root :where(.wp-block-button.is-style-snow-monkey-143805) .wp-block-button__link:active::before, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143805) .smb-btn:active::before { display: none; } :root :where(.wp-block-button.is-style-snow-monkey-143805) .wp-block-button__link:focus-visible, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143805) .smb-btn:focus-visible { filter: none; } @media (any-hover: hover) { :root :where(.wp-block-button.is-style-snow-monkey-143805) .wp-block-button__link:hover, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143805) .smb-btn:hover { filter: none; } }

/* 143806 - ドット */
:root :where(.wp-block-button.is-style-snow-monkey-143806) .wp-block-button__link, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143806) .smb-btn { position: relative; display: inline-flex; align-items: center; flex-direction: row-reverse; gap: 1em; border-radius: 0; border-width: 0; } :root :where(.wp-block-button.is-style-snow-monkey-143806) .wp-block-button__link { background-color: transparent; color: currentColor; padding: var(--_padding-2) 0; } :root :where(.smb-btn-wrapper.is-style-snow-monkey-143806) .smb-btn { --smb-btn--background-color: transparent; --smb-btn--color: currentColor; --smb-btn--padding-vertical: var(--_padding-2); --smb-btn--padding-horizontal: 0; } :root :where(.wp-block-button.is-style-snow-monkey-143806) .wp-block-button__link::before, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143806) .smb-btn::before { content: ''; height: 6px; width: 6px; background-color: var(--wp--preset--color--sm-accent); border-radius: 100%; } :root :where(.wp-block-button.is-style-snow-monkey-143806) .wp-block-button__link::after, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143806) .smb-btn::after { content: ''; position: absolute; inset: auto auto 0 0; height: 1px; width: 0; background-color: currentColor; transition: width .2s; } :root :where(.wp-block-button.is-style-snow-monkey-143806) .wp-block-button__link:focus-visible::after, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143806) .smb-btn:focus-visible::after { width: 100%; } @media (any-hover: hover) { :root :where(.wp-block-button.is-style-snow-monkey-143806) .wp-block-button__link:hover::after, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143806) .smb-btn:hover::after { width: 100%; } } :root :where(.wp-block-button.is-style-snow-monkey-143806) .wp-block-button__link, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143806) .smb-btn { position: relative; display: inline-flex; align-items: center; flex-direction: row-reverse; gap: 1em; border-radius: 0; border-width: 0; } :root :where(.wp-block-button.is-style-snow-monkey-143806) .wp-block-button__link { background-color: transparent; color: currentColor; padding: var(--_padding-2) 0; } :root :where(.smb-btn-wrapper.is-style-snow-monkey-143806) .smb-btn { --smb-btn--background-color: transparent; --smb-btn--color: currentColor; --smb-btn--padding-vertical: var(--_padding-2); --smb-btn--padding-horizontal: 0; } :root :where(.wp-block-button.is-style-snow-monkey-143806) .wp-block-button__link::before, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143806) .smb-btn::before { content: ''; height: 6px; width: 6px; background-color: var(--wp--preset--color--sm-accent); border-radius: 100%; } :root :where(.wp-block-button.is-style-snow-monkey-143806) .wp-block-button__link::after, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143806) .smb-btn::after { content: ''; position: absolute; inset: auto auto 0 0; height: 1px; width: 0; background-color: currentColor; transition: width .2s; } :root :where(.wp-block-button.is-style-snow-monkey-143806) .wp-block-button__link:focus-visible::after, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143806) .smb-btn:focus-visible::after { width: 100%; } @media (any-hover: hover) { :root :where(.wp-block-button.is-style-snow-monkey-143806) .wp-block-button__link:hover::after, :root :where(.smb-btn-wrapper.is-style-snow-monkey-143806) .smb-btn:hover::after { width: 100%; } }

