.btn-simple{--color-bg: var(--color-black);--color-text: var(--color-black);--btn-active-color: var(--color-brand-11);--btn-active-text-color: var(--color-black);position:relative;display:inline-block;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;color:var(--btn-text-color);font:400 .9444rem/1 var(--font-family-text);text-align:center;white-space:nowrap}.btn-simple:before{position:absolute;top:0;left:0;z-index:1;display:block;box-sizing:border-box;width:100%;height:100%;border:1px solid var(--btn-color);border-radius:999rem;content:""}.btn-simple__inner{position:relative;z-index:2;display:block;padding:.442em .836em;border-radius:999rem}.btn-simple__inner:before{position:absolute;top:50%;left:50%;padding:inherit;box-sizing:border-box;width:calc(100% + 2px);height:calc(100% + 2px);background:var(--btn-active-color);border:1px solid var(--btn-active-color);border-radius:999rem;clip-path:inset(50% 0% 51% 0%);transform:translate3d(-50%, -50%, 0);color:var(--btn-active-text-color);font-weight:500;transition:clip-path .6s cubic-bezier(0.19, 1, 0.22, 1);content:attr(data-text)}.btn-simple:hover,.btn-simple:focus{color:var(--btn-text-color)}.btn-simple:hover .btn-simple__inner:before,.btn-simple:focus .btn-simple__inner:before{clip-path:inset(0 0 0 0)}.btn-simple--lg{font-size:1rem}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.btn-simple--lg{font-size:.9444rem}}.btn-simple--lg:before{box-shadow:0 0 0 .03em var(--btn-color)}.btn-simple--lg .btn-simple__inner{padding:.667em 1.076em}.btn-simple--xl{font-size:1.111rem}@media only screen and (max-width: 1536px){.btn-simple--xl{font-size:1rem}}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.btn-simple--xl{font-size:.9444rem}}.btn-simple--xl:before{box-shadow:0 0 0 .03em var(--btn-color)}.btn-simple--xl .btn-simple__inner{padding:.505em 1.1955em}.btn-simple--plain{--btn-color: var(--color-black);--btn-text-color: var(--color-white)}.btn-simple--plain .btn-simple__inner{background:var(--btn-color)}.btn-simple--white{--color-bg: var(--color-white);--color-text: var(--color-white)}.btn-simple--outline{--btn-color: var(--color-bg);--btn-text-color: var(--color-text)}.btn-simple--primary{--btn-active-color: var(--color-brand-1)}