.btn{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:8px;cursor:pointer;overflow:hidden;color:var(--yellow-lightest);background-color:var(--green-strong);border:2px solid var(--green-strong)}.btn,.btn.fit-content{width:fit-content;margin:.5rem}.btn.full-width{width:100%;margin:0}.btn.btn-green{background-color:var(--green-strong);border-color:var(--green-strong)}.btn.btn-green:hover{background-color:var(--green-lightest);color:var(--green-strong)}.btn.btn-red{background-color:var(--red-strong);border-color:var(--red-strong)}.btn.btn-red:hover{background-color:var(--red-light);color:var(--red-strong)}.btn.btn-red-light{background-color:var(--red-in-between);border-color:var(--red-in-between);color:var(--yellow-lightest)}.btn.btn-red-light:hover,.btn.btn-red-outline{background-color:var(--red-light);border-color:var(--red-strong);color:var(--red-strong)}.btn.btn-red-outline:hover{background-color:var(--red-strong);border-color:var(--red-strong);color:var(--white)}.btn.btn-yellow-light{color:var(--yellow-dark);background-color:var(--yellow-dark-light);border-color:var(--yellow-dark-light)}.btn.btn-yellow-light:hover{background-color:var(--yellow-light)}.btn.btn-yellow-light.selectable:hover{background-color:var(--yellow-dark-in-between);border-color:var(--yellow-dark-in-between)}.btn.btn-yellow-light.selected{outline:none}.btn.btn-yellow-light.selected,.btn.btn-yellow-light.selected:hover{color:var(--yellow-dark);background-color:var(--yellow-dark-in-between);border-color:var(--yellow-dark)}.btn.btn-yellow-dark{background-color:var(--yellow-dark);border-color:var(--yellow-dark)}.btn.btn-yellow-dark:hover{background-color:var(--yellow-light);color:var(--yellow-dark)}.btn:disabled,.btn:disabled:hover{background-color:unset;border-color:var(--grey-in-between);color:var(--grey);cursor:default}.btn.btn-theme-primary{color:var(--white);background-color:var(--back-accent-color);border-color:var(--back-accent-color)}.btn.btn-theme-primary.selectable,.btn.btn-theme-primary:hover{background-color:var(--back-accent-color-light);color:var(--back-accent-color)}.btn.btn-theme-primary.selectable{border-color:var(--back-accent-color-light)}.btn.btn-theme-primary.selectable:hover{background-color:var(--back-accent-color-in-between);border-color:var(--back-accent-color-in-between)}.btn.btn-theme-primary.selectable.selected,.btn.btn-theme-primary.selected{outline:none}.btn.btn-theme-primary.selectable.selected,.btn.btn-theme-primary.selectable.selected:hover,.btn.btn-theme-primary.selected,.btn.btn-theme-primary.selected:hover{color:var(--back-accent-color);background-color:var(--back-accent-color-in-between);border-color:var(--back-accent-color)}.btn.btn-theme-special{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.375rem;border-radius:14px;background:linear-gradient(155deg,var(--back-accent-color-light) 0,var(--back-accent-color-in-between) 10%,var(--back-accent-color) 90%);color:var(--white);font-size:1.05rem;font-weight:600;box-shadow:2px 2px 10px var(--grey-shadow);transition:transform .12s ease,box-shadow .3s ease,background-size .2s cubic-bezier(.47,0,.745,.715),color 1s ease;border:none;background-size:100% 100%}.btn.btn-theme-special:hover{background-size:200% 100%;box-shadow:2px 2px 5px var(--grey);color:var(--dark)}