.btn-primary{display:inline-flex;padding:12px 36px;justify-content:center;align-items:center;gap:10px;border-radius:12px;font-family:"Roboto",sans-serif;font-size:16px;font-weight:500;line-height:16px;text-transform:uppercase;text-align:center;cursor:pointer;transition:all .3s ease;background:#9953ad;color:#fff;border:none}.btn-primary:hover{background-color:#7a3d8a}.btn-secondary{display:inline-flex;padding:12px 36px;justify-content:center;align-items:center;gap:10px;border-radius:12px;font-family:"Roboto",sans-serif;font-size:16px;font-weight:500;line-height:16px;text-transform:uppercase;text-align:center;cursor:pointer;transition:all .3s ease;background:#232323;color:#fff;border:none}.btn-secondary:hover{background-color:#333}.btn-outline{display:inline-flex;padding:12px 36px;justify-content:center;align-items:center;gap:10px;border-radius:12px;font-family:"Roboto",sans-serif;font-size:16px;font-weight:500;line-height:16px;text-transform:uppercase;text-align:center;cursor:pointer;transition:all .3s ease;border:1px solid #fff;background:rgba(0,0,0,0);color:#fff}.btn-outline:hover{background-color:#fff;color:#232323}.btn-outline-light{display:inline-flex;padding:12px 36px;justify-content:center;align-items:center;gap:10px;border-radius:12px;font-family:"Roboto",sans-serif;font-size:16px;font-weight:500;line-height:16px;text-transform:uppercase;text-align:center;cursor:pointer;transition:all .3s ease;background:#9953ad;border:none;color:#fff}.btn-outline-light:hover{background-color:#7a3d8a;text-decoration:none;color:#fff}