.button{cursor:pointer;border:none;border-radius:.5rem;padding:8px 18px;font-size:1rem;font-weight:700;transition:background-color .2s,color .2s}.button:focus-visible{box-shadow:0 0 0 2px var(--focused-border-color)}.button:disabled{cursor:not-allowed}.button[data-style=primary]{background-color:var(--secondary-color-2);color:var(--secondary-color);border-radius:8px;padding:5px;text-decoration:none}.button[data-style=primary]:hover{background-color:var(--secondary-color-1)}.button[data-style=atk-default-type]{background-color:var(--secondary-color-6);color:var(--primary-color);width:30px}.button[data-style=atk-default-type]:hover{background-color:var(--secondary-color-5)}.button[data-style=atk-mana-type]{background-color:var(--green-color-1);color:var(--primary-color);width:30px}.button[data-style=atk-mana-type]:hover{background-color:var(--high-green-color-1)}.button[data-style=atk-vigor-type]{background-color:var(--orange-color-1);color:var(--primary-color);width:30px}.button[data-style=atk-vigor-type]:hover{background-color:var(--high-orange-color-1)}.button[data-style=atk-berserk-type]{background-color:var(--red-color-1);color:var(--primary-color);width:30px}.button[data-style=atk-berserk-type]:hover{background-color:var(--secondary-error-color)}.button[data-style=atk-name]{background-color:var(--grey-color-1);color:var(--primary-color);width:300px}.button[data-style=atk-name]:hover{background-color:var(--high-grey-color-1)}.button[data-style=atk-name-blocked]{background-color:var(--black-color-1);color:var(--primary-color);opacity:.5;cursor:not-allowed;width:300px}.button[data-style=atk-name-blocked]:hover{background-color:var(--high-grey-color-1)}.button[data-style=atk-menu]{background-color:var(--primary-error-color);color:var(--contrast-error-color);text-align:center;position:absolute;-webkit-transform:translate(400px,-150px)}.button[data-style=atk-menu]:hover{background-color:var(--high-grey-color-1)}.button[data-style=auto-atk-menu]{background-color:var(--primary-error-color);color:var(--contrast-error-color);text-align:center;-webkit-transform:translate(-100%,-120px)}.button[data-style=auto-atk-menu]:hover{background-color:var(--secondary-error-color)}.button[data-style=character-name]{background-color:var(--primary-color-5);color:var(--black-color-1);justify-content:flex-start;align-items:left;position:absolute;-webkit-transform:translateY(-140%)}.button[data-style=character-name]:hover{background-color:var(--primary-color-1)}.button[data-style=secondary]{background-color:var(--primary-color-5);color:var(--secondary-color)}.button[data-style=secondary]:hover{background-color:var(--secondary-color-3)}.button[data-style=ghost]{color:var(--secondary-color-4);background-color:transparent}.button[data-style=ghost]:hover{background-color:var(--primary-color-5);color:var(--secondary-color-1)}.button[data-style=outline]{border:1px solid var(--primary-color-6);background-color:var(--light,var(--primary-color)) var(--dark,var(--primary-color-3));color:var(--secondary-color-4)}.button[data-style=outline]:hover{background-color:var(--primary-color-4)}.button[data-style=destructive]{background-color:var(--secondary-error-color);color:var(--contrast-error-color)}.button[data-style=destructive]:hover{background-color:var(--red-color-1)}.button[data-style=green-type]{background-color:var(--green-color-1);color:var(--black-color-1)}.button[data-style=green-type]:hover{background-color:var(--high-green-color-1)}