.tab-container{background-color:#fff;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.15);overflow:hidden;width:100%}.tab-header{background:linear-gradient(45deg,#4caf50,#45a049);display:flex}.tab{color:#fff;cursor:pointer;flex:1;font-size:18px;font-weight:700;overflow:hidden;padding:20px;position:relative;text-align:center;transition:background-color .3s ease,transform .3s ease}.tab:before{background:hsla(0,0%,100%,.1);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%;z-index:-1}.tab:hover:before{transform:scaleX(1)}.tab.active{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.15);color:#333;transform:scale(1.05);z-index:1}.tab.active:after{background-color:#4caf50;bottom:0;content:"";height:4px;left:0;position:absolute;width:100%}.tab-content{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.15);padding:40px}.content{display:none;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.content.active{display:block;opacity:1;transform:translateY(0)}.content h3{color:#333;font-size:24px;margin-top:0}.content p{color:#666;font-size:18px;line-height:1.6}.cta-button{background-color:transparent;border:3px solid #4caf50;border-radius:50px;color:#4caf50;cursor:pointer;display:block;font-size:20px;font-weight:700;margin:40px auto;overflow:hidden;padding:20px;position:relative;text-align:center;transition:background-color .3s ease,color .3s ease,transform .3s ease;width:500px}.cta-button:before{background-color:#4caf50;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%;z-index:-1}.cta-button:hover{color:#fff;transform:scale(1.05)}.cta-button:hover:before{transform:scaleX(1)}