.button__base{font-family:proxima-nova;font-size:1rem;font-weight:700;letter-spacing:.125rem;line-height:1.5rem;text-transform:uppercase}@media(max-width:1680px){.button__base{font-size:.9375rem;line-height:1.4375rem}}@media(max-width:768px)and (min-height:1000px){.button__base{font-size:.875rem;line-height:1.375rem}}@media(max-width:430px){.button__base{font-size:.875rem;letter-spacing:.125rem;line-height:1.25rem}}@media(max-width:932px)and (max-height:430px){.button__base{font-size:.875rem;letter-spacing:.125rem;line-height:1.25rem}}@media(max-width:375px){.button__base{letter-spacing:.125rem}}@media(max-width:700px)and (max-height:375px){.button__base{letter-spacing:.125rem}}@media(max-width:280px){.button__base{font-size:.875rem;letter-spacing:.125rem;line-height:1.25rem}}@media(max-width:700px)and (max-height:280px){.button__base{font-size:.875rem;letter-spacing:.125rem;line-height:1.25rem}}@keyframes emerge-revolve{0%{transform:translate(-50%,-50%) rotate(0) scale(.15)}30%{transform:translate(-50%,-50%) rotate(0) scale(1) translateY(-2.85rem)}70%{transform:translate(-50%,-50%) rotate(1turn) scale(1) translateY(-2.85rem)}to{transform:translate(-50%,-50%) rotate(1turn) scale(.5)}}.button__base{border-radius:2.875rem;cursor:pointer;padding:.625rem 1.25rem;transition:background-color .2s ease,color .2s ease,border .2s ease;width:-moz-fit-content;width:fit-content}.button__primary{background:#932c78;border:2px solid #932c78;color:#fbfbfb}.button__primary:hover{background-color:transparent;color:#932c78}.button__secondary{background:#6797a6;border:2px solid #6797a6;color:#fff}.button__secondary:hover{background-color:transparent;border-color:#fff}.button__charcoal{background:#2f444c;border:2px solid #2f444c;color:#fff}.button__charcoal:hover{background-color:transparent;color:#2f444c}.button__underline{border-radius:0;color:#2f444c;padding:0;position:relative}.button__underline:after{border-bottom:2px solid #2f444c;bottom:-.25rem;content:"";left:0;position:absolute;transition:transform .2s ease;width:calc(100% - 2px)}@media not all and (pointer:coarse){.button__underline:hover:after{transform:translateY(-.35rem)}}.button__light-teal{background:#6797a6;border:1px solid #6797a6;color:#fff}.button__light-teal:hover{background-color:#87adb9}