.onepix-cosmo-button{border:none;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;display:inline-block;font-weight:600;text-align:center;text-decoration:none;transition:all .3s ease}.onepix-cosmo-button:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);text-decoration:none;transform:translateY(-2px)}.onepix-cosmo-button:active{box-shadow:0 2px 4px rgba(0,0,0,.1);transform:translateY(0)}.onepix-cosmo-button:focus{outline:2px solid rgba(0,124,186,.5);outline-offset:2px}.onepix-cosmo-button.style-primary{background:linear-gradient(135deg,#007cba,#005a87);color:#fff}.onepix-cosmo-button.style-primary:hover{background:linear-gradient(135deg,#005a87,#004066)}.onepix-cosmo-button.style-secondary{background:transparent;border:2px solid #007cba;color:#007cba}.onepix-cosmo-button.style-secondary:hover{background:#007cba;color:#fff}.onepix-cosmo-button.style-success{background:linear-gradient(135deg,#00a32a,#007a20);color:#fff}.onepix-cosmo-button.style-success:hover{background:linear-gradient(135deg,#007a20,#005a15)}.onepix-cosmo-button.style-danger{background:linear-gradient(135deg,#d63638,#b32d2e);color:#fff}.onepix-cosmo-button.style-danger:hover{background:linear-gradient(135deg,#b32d2e,#8a2324)}.onepix-cosmo-button.size-small{font-size:14px;padding:8px 16px!important}.onepix-cosmo-button.size-medium{font-size:16px;padding:12px 24px!important}.onepix-cosmo-button.size-large{font-size:18px;padding:16px 32px!important}@media(max-width:768px){.onepix-cosmo-button{margin-bottom:10px;width:100%}}