.fancy-selector{width:100%;margin:20px 0;display:flex}.selector-container{cursor:pointer;background-color:#f0f0f0;border-radius:30px;transition:all .3s;display:flex;position:relative;overflow:hidden}.selector-option{z-index:1;flex:1;justify-content:center;align-items:center;padding:12px 20px;transition:all .3s;display:flex}.selector-icon{justify-content:center;align-items:center;width:24px;height:24px;margin-right:8px;display:flex}.selector-text{font-weight:700}.selector-highlight{background-color:#89c13e;border-radius:30px;width:50%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.selector-container.weekend .selector-highlight{transform:translate(100%)}.selector-container.weekday .weekday,.selector-container.weekend .weekend{color:#fff}.selector-container:hover{box-shadow:0 0 15px #89c13e80}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.selector-container:active{animation:.3s ease-in-out pulse}@media (max-width:640px){.selector-option{padding:10px 16px}.selector-icon{width:20px;height:20px;margin-right:6px}}