.rick-toggle-container { position: relative; width: 250px; height: 48px; }
.rick-toggle-label { display: flex; align-items: center; justify-content: space-between; background: #ef5b0c; border: 4px solid #ef5b0c; border-radius: 30px; cursor: pointer; position: relative; width: 100%; height: 100%; overflow: hidden; }
.rick-toggle-input { display: none !important; }
.rick-toggle-text { flex: 1; z-index: 2; font-weight:500; font-size: 14px; text-align: center; transition: color 0.3s ease; }
.rick-toggle-text:first-child { color: #000; } 
.rick-toggle-text:last-child { color: #fff; } 
.rick-toggle-switch { position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: #fff; border-radius: 24px; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1; }
.rick-toggle-input:checked + .rick-toggle-label .rick-toggle-switch { transform: translateX(100%); }
.rick-toggle-input:checked + .rick-toggle-label .rick-toggle-text:first-child { color: #fff; }
.rick-toggle-input:checked + .rick-toggle-label .rick-toggle-text:last-child { color: #000; }

.rick-toggle-input {
  visibility: hidden;
}

.rick-toggle-input + .rick-toggle-label {
  visibility: visible;
}

@media (max-width: 880px) {
    .rick-toggle-container { width: 180px; height: 35px; }
    .rick-toggle-text { font-size: 11px; }
}

@media(max-width: 767px){
    .rick-toggle-container { width: 180px; height: 38px; }
}