.circle-button[data-v-4278b1cc]{cursor:pointer;z-index:2;aspect-ratio:1;text-transform:uppercase;white-space:nowrap;border-radius:50%;justify-content:center;align-items:center;width:fit-content;padding:clamp(1.5rem,1.25rem + .833333vw,2rem);font-size:clamp(1.25rem,1.125rem + .416667vw,1.5rem);font-weight:700;transition:background-color .6s,outline-color .6s;display:flex;position:relative;overflow:hidden;box-shadow:.0625rem .0625rem .0625rem #111}.circle-button[data-v-4278b1cc]:before{content:"";z-index:1;opacity:.4;pointer-events:none;background-image:url(../img/patterns/variant2.png);transition:opacity .6s;position:absolute;inset:0}@media (pointer:fine){.circle-button:not(.circle-button--double-line,.circle-button--noanim):hover .circle-button__body>span[data-v-4278b1cc]:first-of-type{opacity:0;translate:-4rem}.circle-button:not(.circle-button--double-line,.circle-button--noanim):hover .circle-button__body>span[data-v-4278b1cc]:last-of-type{opacity:0;translate:4rem}.circle-button[data-v-4278b1cc]:not(.circle-button--noanim):hover{background-color:#111;outline-color:#111}.circle-button[data-v-4278b1cc]:not(.circle-button--noanim):hover:before{opacity:0}.circle-button:not(.circle-button--noanim):hover .circle-button__icon[data-v-4278b1cc]>*{background-position:100% 100%}}.circle-button__body[data-v-4278b1cc]{justify-content:center;align-items:center;display:flex}.circle-button__body>span[data-v-4278b1cc]{z-index:2;transition:all .6s;display:block;position:relative}.circle-button__icon[data-v-4278b1cc]{z-index:2;aspect-ratio:1;pointer-events:none;width:6rem;position:absolute;top:50%;left:50%;translate:-50% -50%}.circle-button__icon[data-v-4278b1cc]>*{background-image:linear-gradient(#0000 50%,#fff 51%);background-size:200% 200%;width:.25rem;transition:background-position .6s;display:block;position:absolute}.circle-button__icon[data-v-4278b1cc] :first-child{height:6rem;top:50%;left:50%;translate:-50% -50%;rotate:45deg}.circle-button__icon[data-v-4278b1cc] :nth-child(2){height:3rem;top:.875rem;right:.75rem}.circle-button__icon[data-v-4278b1cc] :nth-child(3){height:3rem;top:-.5625rem;right:2.1875rem;rotate:90deg}.circle-button--double-line .circle-button__body[data-v-4278b1cc]{flex-direction:column;gap:.25rem;overflow:hidden}@media (pointer:fine){.circle-button--double-line:hover .circle-button__body>span[data-v-4278b1cc]:first-of-type{opacity:0;translate:0 -2rem}.circle-button--double-line:hover .circle-button__body>span[data-v-4278b1cc]:last-of-type{opacity:0;translate:0 2rem}}.circle-button--red[data-v-4278b1cc]{color:#fff;background-color:#e41f1a;outline-color:#e41f1a}.circle-button--grey[data-v-4278b1cc]{color:#111;background-color:#fff;outline-color:#fff}.circle-button--black[data-v-4278b1cc]{color:#fff;background-color:#111;outline-color:#111}