@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.button{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 2rem;border:none;border-radius:.25rem;font-family:inherit;font-weight:500;text-transform:uppercase}.button .icon{scale:1.5;color:var(--color--accent-500);animation:rotate 2s linear infinite}.button--status-default{color:var(--color--light-100);background-color:var(--color--accent-500);cursor:pointer;transition:.3s ease}.button--status-default:hover{color:var(--color--accent-500);background-color:var(--color--dark-700)}.button--status-sending,.button--status-success{color:var(--color--light-300);background-color:var(--color--dark-700)}.button--status-error{color:var(--color--error);background-color:var(--color--dark-700)}.contact-page h1{text-transform:uppercase}.contact-page .error:focus{outline:2px solid var(--color--error)}.contact-page form{display:flex;flex-direction:column;gap:2rem}.contact-page form>div{display:flex;flex-direction:column;gap:.5rem}.contact-page form label{font-weight:500}.contact-page form input,.contact-page form textarea{padding:1rem .5rem;background-color:var(--color--light-300);border:none;border-radius:.25rem;font-family:inherit}.contact-page form input:focus,.contact-page form textarea:focus{outline:2px solid var(--color--accent-500)}.contact-page form textarea{min-height:12rem;resize:vertical}.contact-page .contact-information{display:flex;flex-direction:column}.contact-page .contact-entry h3{width:100%;border-bottom:1px solid var(--color--light-500)}.contact-page .contact-label{padding:0 0 2rem 1rem;display:flex;align-items:center;gap:1rem}.contact-page .contact-label .icon{width:1.5rem;height:1.5rem;color:var(--color--accent-500)}.contact-page iframe{width:100%;min-height:20rem;height:100%;border:none;margin-bottom:2rem}@media screen and (max-width:768px){.contact-page form{gap:1.5rem}.contact-page .button{width:100%}.contact-page .contact-label{align-items:flex-start;padding-left:0;overflow-wrap:anywhere}.contact-page iframe{min-height:18rem}}@media screen and (max-width:480px){.contact-page iframe{min-height:16rem}}