/*
Theme Name: yamabisen
Theme URI: https://example.com/
Author: SHOKOKUMIN co,.Ltd
Description: 山梨県美容専門学校WordPressテーマ
Version: 1.0
*/

/*
 * ブロックエディタと公開ページの両方に適用
 */

.wp-block-button.is-style-sk-btn-style-01 .wp-block-button__link {
	position: relative;
	display: inline-block;
	min-width: calc(var(--spacing) * 50);
	overflow: hidden;
	background-color: var(--color-darkgray);
	padding-inline: calc(var(--spacing) * 7);
	padding-block: calc(var(--spacing) * 4);
    border-radius: 0;
	text-align: center;
	font-size: var(--text-xl);
	line-height: var(--tw-leading, var(--text-xl--line-height));
	--tw-leading: 1;
	line-height: 1;
	--tw-font-weight: var(--font-weight-bold);
	font-weight: var(--font-weight-bold);
	color: var(--color-white);
	transition-property: all;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	--tw-duration: 300ms;
	transition-duration: 300ms;
	&:hover {
		@media (hover: hover) {
			background-color: var(--color-neutral-800);
		}
	}
	&:hover {
		@media (hover: hover) {
			--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
			box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
		}
	}
	&:hover {
		@media (hover: hover) {
			--tw-ring-color: var(--color-neutral-800);
		}
	}
	&:hover {
		@media (hover: hover) {
			--tw-ring-offset-width: 2px;
			--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
		}
	}
}