.module-blog-button{margin:var(--spacing-element) 0;text-align:center}.module-blog-button__link{align-items:center;border:1px solid transparent;border-radius:2px;cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:var(--btn-font-size-pc);font-weight:400;justify-content:center;line-height:1.7;min-height:48px;min-width:280px;padding:clamp(3px,.2777777777777778vw,4px) clamp(18px,1.666666666666667vw,24px);text-decoration:none;transition:all .3s ease-out}.module-blog-button__icon{align-items:center;display:flex;flex-shrink:0;margin:0 0 0 clamp(15px,1.388888888888889vw,20px)}.module-blog-button__icon svg{display:block;height:24px;width:24px}@media (max-width:767px){.module-blog-button__link{font-size:var(--btn-font-size-sp)}}.module-blog-button--primary .module-blog-button__link{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.module-blog-button--primary .module-blog-button__link:focus-visible,.module-blog-button--primary .module-blog-button__link:hover{background-color:#fff;color:var(--color-primary)}.module-blog-button--secondary .module-blog-button__link{background-color:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.module-blog-button--secondary .module-blog-button__link:focus-visible,.module-blog-button--secondary .module-blog-button__link:hover{background-color:#fff;color:var(--color-secondary)}.module-blog-button--outline .module-blog-button__link{background-color:#fff;border-color:var(--color-primary);color:var(--color-primary)}.module-blog-button--outline .module-blog-button__link:focus-visible,.module-blog-button--outline .module-blog-button__link:hover{background-color:#505aff;color:#fff}.module-blog-button--gradation .module-blog-button__link{background-image:var(--btn-primary-bg);background-position:100%;background-size:200% 100%;border:0;box-shadow:0 4px 12px 0 rgba(0,0,0,.08);color:#fff;position:relative;transition:transform .3s ease-out,box-shadow .3s ease-out,background-position .3s ease-in-out}.module-blog-button--gradation .module-blog-button__link:focus-visible,.module-blog-button--gradation .module-blog-button__link:hover{background:var(--color-primary);background-image:var(--btn-primary-bg-hover);background-position:0;box-shadow:0 10px 24px rgba(0,0,0,.12);color:#fff;transform:translateY(-4px)}