.petal-button[data-v-d0df7ff9]{--button-color:#0f0f0f;--hover-color:#2a2a2a;--active-color:#000;--button-width:14.625rem;--button-height:3rem;--square-radius:.25rem;align-items:center;background:transparent;border:none;cursor:pointer;display:inline-flex;font-family:Poetsen One,sans-serif;gap:0;height:var(--button-height);padding:0;position:relative;transition:transform .2s ease}.petal-button.is-pressed[data-v-d0df7ff9]:not(.is-disabled),.petal-button[data-v-d0df7ff9]:active:not(.is-disabled),.petal-button[data-v-d0df7ff9]:hover:not(.is-disabled){transform:translateY(0)}.petal-button.is-disabled[data-v-d0df7ff9]{cursor:not-allowed;opacity:1}.petal-button__text[data-v-d0df7ff9]{align-items:center;background:var(--button-color);border-radius:.25rem;display:flex;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;height:var(--button-height);justify-content:center;margin-right:2px;padding:0 calc(var(--button-height)*.4) 0 calc(var(--button-height)*.5);position:relative;transition:background-color .2s ease;white-space:nowrap;width:var(--button-width);z-index:2}.petal-button:hover:not(.is-disabled) .petal-button__text[data-v-d0df7ff9]{background:var(--hover-color)}.petal-button.is-pressed:not(.is-disabled) .petal-button__text[data-v-d0df7ff9],.petal-button:active:not(.is-disabled) .petal-button__text[data-v-d0df7ff9]{background:var(--active-color)}.petal-button.is-disabled .petal-button__text[data-v-d0df7ff9]{background:#dfdde4}.petal-button__petals[data-v-d0df7ff9]{display:grid;flex-shrink:0;gap:0;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);height:var(--button-height);overflow:hidden;position:relative;width:var(--button-height);z-index:1}.petal-button__square[data-v-d0df7ff9]{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--button-color);border:none;box-shadow:.5px 0 0 0 var(--button-color),0 .5px 0 0 var(--button-color),.5px .5px 0 0 var(--button-color);margin:0;outline:none;padding:0;transform:translateZ(0);-webkit-transform:translateZ(0);transition:background-color .2s ease,box-shadow .2s ease}.petal-button__square[data-v-d0df7ff9]:first-child{border-bottom-left-radius:var(--square-radius)}.petal-button__square[data-v-d0df7ff9]:first-child,.petal-button__square[data-v-d0df7ff9]:nth-child(2){border-top-left-radius:var(--square-radius);border-top-right-radius:var(--square-radius)}.petal-button__square[data-v-d0df7ff9]:nth-child(2){border-bottom-right-radius:var(--square-radius)}.petal-button__square[data-v-d0df7ff9]:nth-child(3){border-top-left-radius:var(--square-radius)}.petal-button__square[data-v-d0df7ff9]:nth-child(3),.petal-button__square[data-v-d0df7ff9]:nth-child(4){border-bottom-left-radius:var(--square-radius);border-bottom-right-radius:var(--square-radius)}.petal-button__square[data-v-d0df7ff9]:nth-child(4){border-top-right-radius:var(--square-radius)}.petal-button:hover:not(.is-disabled) .petal-button__square[data-v-d0df7ff9]{background:var(--hover-color);box-shadow:.5px 0 0 0 var(--hover-color),0 .5px 0 0 var(--hover-color),.5px .5px 0 0 var(--hover-color)}.petal-button.is-pressed:not(.is-disabled) .petal-button__square[data-v-d0df7ff9],.petal-button:active:not(.is-disabled) .petal-button__square[data-v-d0df7ff9]{background:var(--active-color);box-shadow:.5px 0 0 0 var(--active-color),0 .5px 0 0 var(--active-color),.5px .5px 0 0 var(--active-color)}.petal-button.is-disabled .petal-button__square[data-v-d0df7ff9]{background:#dfdde4;box-shadow:.5px 0 #dfdde4,0 .5px #dfdde4,.5px .5px #dfdde4}.petal-button__arrow[data-v-d0df7ff9]{align-items:center;display:flex;height:1.5rem;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.5rem;z-index:5}.petal-button__arrow[data-v-d0df7ff9] svg{color:inherit;display:block;height:100%;width:100%}@media(max-width:768px){.petal-button[data-v-d0df7ff9],.petal-button__text[data-v-d0df7ff9]{height:var(--button-height-mobile)}.petal-button__text[data-v-d0df7ff9]{padding:0 calc(var(--button-height-mobile)*.4) 0 calc(var(--button-height-mobile)*.5);width:var(--button-width-mobile)}.petal-button__petals[data-v-d0df7ff9]{height:var(--button-height-mobile);width:var(--button-height-mobile)}}