svg{max-width:52%;max-height:9.2vh;border-radius:6px 0 0 6px}.background{background-color:#a5c857;border-radius:6px 0 0 6px}.pos p{color:#fff}.pos a:hover,.pos a:link,.pos a:visited,.pos a:active{color:#fefefe}.pos .button-container{background-color:#a5c857;display:flex;width:216px;height:84px;position:relative;border-radius:6px;transition:.5s ease-in-out}.pos .button-container:before{width:200vw;position:absolute;top:0;border-radius:6px 0 0 6px;left:-100vw;height:100%;content:""}.pos .button-container:hover{transform:scale(1.02);width:260px}.pos .button-new{font-size:22px;font-family:Interstate,sans-serif;margin-left:20px;color:#fefefe;border-radius:6px 0 0 6px}@media only screen and (max-width: 480px){.pos .button-container{transform:scale(.7)}.pos .button-container:hover{transform:scale(.74)}.pos .button-new{font-size:18px}}.pos .button-container:hover .button-card{animation:slide-top 1.4s cubic-bezier(.645,.045,.355,1) both}.pos .button-container:hover .button-post{animation:slide-post 1.2s cubic-bezier(.165,.84,.44,1) both}@keyframes slide-post{50%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-70px);transform:translateY(-70px)}}@keyframes fade-in-fwd{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width: 600px){.grid-wrapper{display:grid;grid-auto-flow:column;grid-gap:1rem}}
/*# sourceMappingURL=/cdn/shop/t/102/assets/carecredit-pos.css.map */