.ui-btn{--ui-btn-bg:transparent;--ui-btn-color:#002238;--ui-btn-border:#002238;--white:#fff;--primary:#002238;--primary-2:#7fbff5;--primary-hover:#005bab;align-items:center;background:var(--ui-btn-bg);border:1px solid var(--ui-btn-border);color:var(--ui-btn-color);cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;position:relative;text-decoration:none;transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease,opacity .4s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.ui-btn.ui-btn--md{border-radius:24px;font-size:14px;line-height:1.2;padding:12px 16px}.ui-btn.ui-btn--xs{border-radius:20px;font-size:12px;line-height:1.2;padding:8px 12px}.ui-btn.ui-btn--xl{border-radius:26px;font-size:16px;line-height:1.25;padding:16px 20px}.ui-btn.ui-btn--block{display:flex;width:100%}.ui-btn.ui-btn--primary.ui-btn--solid{--ui-btn-bg:var(--primary);--ui-btn-color:#fff;--ui-btn-border:var(--primary)}.ui-btn.ui-btn--primary.ui-btn--solid:hover{--ui-btn-bg:var(--primary-2);--ui-btn-border:var(--primary-2);--ui-btn-color:#fff}.ui-btn.ui-btn--primary.ui-btn--solid:focus{box-shadow:0 0 0 3px rgba(0,0,0,.06);outline:none}.ui-btn.ui-btn--primary.ui-btn--solid:active{filter:brightness(.95)}.ui-btn.ui-btn--primary.ui-btn--outline{--ui-btn-bg:transparent;--ui-btn-color:var(--primary);--ui-btn-border:var(--primary)}.ui-btn.ui-btn--primary.ui-btn--outline:hover{--ui-btn-bg:var(--primary-hover);--ui-btn-border:var(--primary-hover);color:var(--white)}.ui-btn.ui-btn--primary.ui-btn--outline:focus{box-shadow:0 0 0 3px rgba(0,0,0,.06);outline:none}.ui-btn.ui-btn--primary.ui-btn--outline:active{filter:brightness(.98)}.ui-btn.is-disabled,.ui-btn[aria-disabled=true]{cursor:not-allowed;opacity:.6;pointer-events:none}.ui-btn.is-loading{pointer-events:none}.ui-btn .ui-btn__content{align-items:center;display:inline-flex;gap:8px}.ui-btn.is-loading .ui-btn__content{display:none}.ui-btn .ui-btn__spinner{animation:ui-btn-spin .65s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid transparent;display:none;height:1em;width:1em}.ui-btn.is-loading .ui-btn__spinner{display:inline-block}.ui-btn-wrap{align-items:center;display:inline-flex;position:relative}.ui-btn-wrap .ui-btn.is-loading+.ui-btn__spinner{display:inline-block;margin-left:8px}.ui-btn-wrap .ui-btn.is-loading{caret-color:transparent;color:transparent}@keyframes ui-btn-spin{to{transform:rotate(1turn)}}.typography ul{margin:0 0 1rem 1.6rem;padding:0}.typography ul,.typography ul li{list-style-position:outside;list-style-type:disc}.susbscription-cancel-direct-to-my-account .container .grid-container{display:grid;gap:20px;grid-template-columns:1fr}.susbscription-cancel-direct-to-my-account .card-bg{display:none}.susbscription-cancel-direct-to-my-account .description{margin-bottom:3rem}.susbscription-cancel-direct-to-my-account .cancel-subscription,.susbscription-cancel-direct-to-my-account .change-subscription{width:100%}.susbscription-cancel-direct-to-my-account .button{border:1px solid;border-radius:30px;display:block;font-size:14px;font-weight:700;letter-spacing:.14rem;padding:10px;text-align:center;text-transform:uppercase;width:100%}.susbscription-cancel-direct-to-my-account .visual{display:none}@media only screen and (min-width:992px){.susbscription-cancel-direct-to-my-account .container .grid-container{display:grid;gap:20px;grid-template-columns:2fr 1fr}.susbscription-cancel-direct-to-my-account .button{width:auto}.susbscription-cancel-direct-to-my-account .card-content{width:66%}.susbscription-cancel-direct-to-my-account .card-bg{background-repeat:no-repeat;background-size:cover;border-bottom-right-radius:2rem;border-top-right-radius:2rem;display:block;height:100%;position:absolute;right:0;top:0;width:190px}.susbscription-cancel-direct-to-my-account .btn-container{max-width:80%}}