.btn-combo{ position:relative; overflow:hidden; display:inline-flex; align-items:center; transition: background-color .35s ease, color .35s ease; background:var(--white-text-15); color:var(--white-text); } .btn-combo .btn-icon{ display:inline-flex; align-items:center; width:0; opacity:0; overflow:hidden; transition: width .35s ease, opacity .35s ease, margin-right .35s ease; } .btn-combo .btn-label{ transition: transform .35s ease; } .btn-combo:hover{ background: var(--white-text); color: var(--green); } .btn-combo:hover .btn-icon{ width:16px; opacity:1; margin-right:8px; } .btn-combo:hover .btn-label{ transform: translateX(2px); }  .btn-combo-solid{ position:relative; overflow:hidden; display:inline-flex; align-items:center; width:auto; align-self:flex-start; background: var(--green); color: var(--white-text); transition: background-color .35s ease, color .35s ease; } .btn-combo-solid:hover{ background: var(--white-text); color: var(--green); }  .btn-combo-blue{ position:relative; overflow:hidden; display:inline-flex; align-items:center; width:auto; align-self:flex-start; background: var(--sec-button); color: var(--white-text); transition: background-color .35s ease, color .35s ease; } .btn-combo-blue:hover{ background: var(--white-text); color: var(--sec-button); }  .pricing-home-cards, .line-outline{ position:relative; } .card-outline{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; } .card-outline rect{ x:1px; y:1px; width:calc(100% - 2px); height:calc(100% - 2px); fill:none; stroke: var(--green); stroke-width:1; stroke-dasharray:100; stroke-dashoffset:100; transition: stroke-dashoffset 1s ease; } .pricing-home-cards:hover .card-outline rect, .line-outline:hover .card-outline rect{ stroke-dashoffset:0; }  .brx-nav-nested-items > li{ position: relative; } .brx-nav-nested-items > li::after{ content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.35); transform: scaleX(0); transform-origin: left; transition: transform .5s ease; } .brx-nav-nested-items > li:hover::after{ transform: scaleX(1); }  @media (max-width: 767px){ .brxe-nav-nested{ position: relative; } .toggle-close, .toggle-open{ position: absolute; top: 50%; right: 2rem; transition: opacity .15s ease, transform .15s ease; } .toggle-close{ opacity: 0; visibility: hidden; transform: translateY(-50%) scale(0.7); } .toggle-open{ opacity: 1; visibility: visible; transform: translateY(-50%) scale(1); } .brxe-nav-nested.brx-open .toggle-close{ opacity: 1; visibility: visible; transform: translateY(-50%) scale(1); } .brxe-nav-nested.brx-open .toggle-open{ opacity: 0; visibility: hidden; transform: translateY(-50%) scale(0.7); } #brxe-xyssaa .brx-nav-nested-items{ transform: translateY(-40px); opacity: 0; transition: opacity .5s ease, transform .5s ease; } #brxe-xyssaa.brx-open .brx-nav-nested-items{ transform: translateY(0); opacity: 1; } body.no-scroll{ overflow: visible !important; } } strong { font-weight:600;}