.lens-type-buttons{padding:12px}.lens-type-buttons .lens-type-subtitle{color:#054566;font-size:.875rem;font-weight:600;line-height:1.25rem}.lens-type-buttons .lens-type-buttons-options{display:flex;flex-wrap:wrap;column-gap:8px;row-gap:12px}.lens-type-buttons .lens-type-buttons-options input{display:none}.lens-type-buttons .lens-type-buttons-button{position:relative;background-color:#fff;padding:10px 8px;display:flex;gap:12px;width:fit-content;border-radius:.5rem;outline:1px solid #dcdcdc;width:48%}.lens-type-buttons .lens-type-buttons-button:hover{cursor:pointer}.lens-type-buttons input:checked+.lens-type-buttons-button{border:0px;outline:4px solid #054566}.lens-type-buttons .lens-type-buttons-button img{width:38px;height:36px;object-fit:contain}.lens-type-buttons .lens-type-buttons-button .right{display:flex;flex-direction:column;height:100%}.lens-type-buttons .title-container{display:flex;flex-direction:column;align-items:start}.progressive-lenses-discount-badge{color:#7c9976;font-size:.75rem;font-weight:700;line-height:1rem}.lens-type-buttons .lens-type-buttons-button .right .lens-type-buttons-button-title{color:#1e1f20;font-size:.75rem;font-weight:400;line-height:1rem}.lens-type-buttons .lens-type-buttons-button .right .lens-type-buttons-button-price{color:#30769a;font-size:.75rem;font-weight:700;line-height:1rem}.most-popular-badge{display:flex;padding:0 .25rem;justify-content:center;align-items:center;gap:.625rem;position:absolute;left:50%;transform:translate(-50%);bottom:-1rem;z-index:2;border-radius:.25rem;background-color:#ebe9fc;color:#054566;font-size:.75rem;font-weight:700;line-height:1rem;white-space:nowrap}.discount-badge{display:none}.lens-type-buttons .icon-container{position:relative;height:36px}.lens-type-buttons .lens-type-buttons-button .glass_purpose_icon{position:absolute;height:22px;width:22px;top:0;right:-5px}.learn-more-desktop,.compare-desktop{display:none}.learn-more-desktop:hover,.compare-desktop:hover,.learn-more-mobile:hover,.compare-mobile:hover{cursor:pointer}.learn-more-mobile,.compare-mobile{display:flex;align-items:center;gap:5px;border-bottom:1px solid #30769a}.compare-mobile{padding-bottom:1px;border-bottom:1px solid #30769a}.learn-more-mobile span,.compare-mobile span{color:#1e1f20;font-weight:400;font-size:.75rem;line-height:1rem;white-space:nowrap}.single_vision_tab_image_desktop,.varifocal_tab_image_desktop,.non_prescription_tab_image_desktop{display:none}.lens-type-buttons-button-compare-at-price{display:flex;color:#8e8e8e;font-size:.625rem;font-weight:400;line-height:1rem;text-decoration-line:line-through}.single_vision_tab_image,.varifocal_tab_image,.non_prescription_tab_image{object-fit:contain}@media only screen and (min-width: 550px){.lens-type-buttons .lens-type-buttons-button{width:30%}}@media only screen and (min-width: 750px){.single_vision_tab_image_desktop,.varifocal_tab_image_desktop,.non_prescription_tab_image_desktop{width:48px;height:20px;object-fit:contain;display:flex}.single_vision_tab_image,.varifocal_tab_image,.non_prescription_tab_image{display:none}.lens-type-buttons .lens-type-subtitle{font-size:1rem;font-weight:600;line-height:1.25rem}.learn-more-desktop,.compare-desktop{display:flex;align-items:center;gap:5px}.learn-more-mobile,.compare-mobile{display:none}.learn-more-desktop,.compare-desktop{padding-bottom:1px;border-bottom:1px solid #30769a;width:fit-content}.learn-more-desktop span,.compare-desktop span{white-space:nowrap;color:#1e1f20;font-size:.75rem;font-weight:400;line-height:1rem}.lens-type-buttons .lens-type-buttons-button{width:fit-content}.lens-type-buttons .lens-type-buttons-options{column-gap:11px}.price-container{display:flex;align-items:center;gap:5px}.lens-type-buttons-button-compare-at-price{font-size:.625rem;line-height:1rem}.discount-badge{display:flex;position:absolute;top:-8px;right:8px;height:1rem;padding:0 5px;color:#fff;font-size:.75rem;font-weight:700;line-height:1rem;border-radius:.25rem;background-color:#30769a}.lens-type-buttons .lens-type-buttons-button .right{justify-content:center}}@media only screen and (min-width: 1280px){.lens-type-buttons .title-container{display:flex;flex-direction:row;gap:5px}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/lens-type-buttons.css.map */