.certificate-section{h1{color:#ccf8a9;font-size:18px;font-weight:700;word-wrap:break-word;margin-bottom:20px}.certificate-container{color:#fff;word-wrap:break-word;background:#2f2d39;border-radius:8px;padding:24px;width:100%;h2{font-weight:700;margin-bottom:32px}h2,p{font-size:18px}&>p{margin:3px 0}.certificate-btns{display:flex;gap:20px;margin-top:48px;@media (max-width:900px){flex-direction:column;gap:16px}button{border:1px solid #ccf8a9;border-radius:20px;cursor:pointer;font-family:Montserrat;font-size:14px;font-weight:700;padding:7px 16px;&:first-child{background-color:#ccf8a9;color:#2f2d39;&:hover{background-color:transparent;color:#ccf8a9}}&:last-child{background-color:transparent;color:#ccf8a9;&:hover{background-color:#ccf8a9;color:#2f2d39}}}button:disabled{background:grey;border:1px solid grey;cursor:not-allowed;&:hover{background-color:grey;color:#2f2d39}}.certificate-edition{display:flex;gap:4px;margin:10px 0;@media (max-width:520px){flex-direction:column}.certificate-input-section{display:flex;flex-direction:column;input{background:transparent;border-bottom:1px solid #ccf8a9;color:#fff;font-size:16px;padding:0 8px}.certification-caracter-count{align-self:flex-end;color:#ccf8a9;font-size:10px}}}.ready-certificate{.certificate-sent{color:#ccf8a9;font-family:Montserrat;font-size:14px;font-weight:700;margin:10px 0}}}.certificates-loader{animation:certSpin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#ccf8a9;height:30px;width:30px}}.msg-percentage{color:#ccf8a9;font-size:18px;font-weight:700;word-wrap:break-word;margin-top:20px}}@keyframes certSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes certSpin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}