a {
  font-size: 14px;
  line-height: 1.75em;
  text-decoration-line: none !important;
  color: var(--primary-color);
}

a:hover {
  transition: color 0.3s ease;
  color: var(--secondary-color);
  transition: all 0.3s ease;
}

.btn-default.show {
  color: var(--dark-color) !important;
}

.btn-dot:hover img {
  filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(300%) contrast(100%);
  transition: all 0.3s ease;
}

.btn-blue {
  display: inline-flex;
  padding: 16px 24px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--border-radius-sm, 8px);
  background: var(--secondary-color, #00abe7);
  color: var(--white-color);
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  box-shadow: var(--default-shadow);
  transition: all 0.3s ease;
}

.btn-blue span {
  color: var(--white-color);
  font-size: 14px;
  font-style: normal;
  line-height: normal;
}

.btn-blue:hover {
  background: var(--secondary-color, #00abe7);
  color: var(--white-color);
  box-shadow: var(--default-hover-shadow) !important;
  transform: var(--default-scale) !important;
  transition: all 0.3s ease;
}

.dropdown-account a:not(.dropdown-item) {
  background-color: var(--primary-color);
  padding: 16px 32px;
  border-radius: 12px;
  z-index: 10;
  position: relative;
  box-shadow: var(--default-shadow);
}

.dropdown-account a:not(.dropdown-item):not(.show):hover {
  box-shadow: var(--default-hover-shadow) !important;
  transform: var(--default-scale) !important;
  transition: all 0.3s ease;
  background: var(--dark-color);
}

.dropdown-account a.show:not(.dropdown-item):hover, .dropdown-account a.show:not(.dropdown-item) {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  pointer-events: none;
}

.dropdown-account a.show span#span-notification-count {
  display: none !important;
}

.btn-default,
input[type="button"],
button:not(.btn-outline-secondary,.plyr__control--forward,.ck-button,.btn-action,.carousel-control-prev,.carousel-control-next) {
  border: none;
  position: relative;
  font-family: var(--default-font-family);
  font-size: 14px !important;
  background-color: var(--primary-color);
  box-shadow: var(--default-shadow);
  border-radius: var(--border-radius-sm);
  padding: 16px 24px 16px 24px;
  background-size: cover;
  display: inline-block;
  line-height: normal !important;
  color: var(--white-color);
  fill: var(--white-color);
  text-align: center;
  transition: all 0.3s;
}

.btn-default.btn-bell img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(178deg) brightness(103%) contrast(101%);
  width: 24px;
  height: 24px;
  margin-top: 5px;
}

.btn-default.x-icon {
  padding: 16px 24px 16px 24px !important;
  height: auto;
}

.btn-default:active {
  background-color: var(--primary-color) !important;
}

.btn-light {
  border: none !important;
  position: relative;
  font-family: var(--default-font-family);
  font-size: 14px !important;
  background-color: var(--light-color) !important;
  box-shadow: var(--default-shadow);
  border-radius: var(--border-radius-sm);
  padding: 16px 24px 16px 24px;
  background-size: cover;
  display: inline-block;
  line-height: normal;
  color: var(--white-color) !important;
  fill: var(--white-color);
  text-align: center;
  transition: var(--default-all-transition);
}

.btn-light:hover {
  background-color: var(--dark-color) !important;
  transition: var(--default-all-transition);
  transform: var(--default-scale);
}

.btn-default:hover,
input[type="button"]:hover,
button:hover:not(#button-search, .btn-outline-secondary, .btn-dropdown, .btn-action, .plyr__control, .accordion-button, .carousel-control-prev, .carousel-control-next):hover {
  box-shadow: var(--default-hover-shadow) !important;
  transform: var(--default-scale) !important;
  background-color: var(--dark-color);
  color: var(--white-color);
  transition: all 0.3s ease;
}

button.btn-action:hover:not(.opened,.btn-action),
button.btn-action:active {
  background: var(--dark-color) !important;
  box-shadow: var(--default-hover-shadow) !important;
  transform: var(--default-scale) !important;
  color: var(--white-color);
  transition: all 0.3s ease;
}

button.btn.btn-action.thq-dropdown-toggle:hover {
  transform: scale(1) !important;
}

button.btn.btn-action.thq-dropdown-toggle:hover:not(.opened) img {
  transform: translateY(2px) !important;
}

button.carousel-control-prev,
button.carousel-control-next {
  background-color: var(--overlay-color);
  border-radius: var(--border-radius-sm);
  width: 50px;
  height: 50px;
  transition: var(--default-all-transition);
  top: calc(50% - 29px);
  margin: 8px;
}

[id^="slideshow-"] button.carousel-dots,
[id^="article-carousel"] .owl-dot,
[id^="carousel-"] .owl-dot {
  width: 8px;
  height: 8px;
  background-color: var(--dark-color) !important;
  border: none;
  transition: var(--default-all-transition);
  border-radius: 50%;
  margin-right: 4px;
  margin-left: 4px;
  opacity: 1;
}

[id^="slideshow-"] button.carousel-dots.active,
[id^="article-carousel"] .owl-dot.active,
[id^="carousel-"] .owl-dot.active {
  background-color: var(--secondary-color) !important;
  width: 32px;
  border-radius: var(--border-radius-sm);
}

[id^="slideshow-"] .carousel-indicators,
[id^="article-carousel"] .carousel-indicators {
  bottom: -32px;
}

#button-search:hover {
  background-image: none !important;
  background-color: var(--dark-color) !important;
  transition: all 0.3s ease;
  transform: var(--default-scale);
}

button.btn.btn-search:hover::before {
  border-radius: 0 12px 12px 0;
  transition: all 0.3s ease;
}

.btn.btn-secondary {
  background-color: var(--secondary-color) !important;
  color: var(--white-color);
  padding: 16px 24px 16px 24px;
  background-size: contain;
  box-shadow: var(--default-shadow);
  font-family: var(--default-font-family);
  font-size: 14px !important;
  line-height: normal !important;

  border-radius: var(--border-radius-sm);
  border: none;
  transition: all 0.3s ease;
}

.grid-buttons .btn.btn-secondary {
  padding: 16px 22px 16px 22px;
}

.panel .panel-table {
  border: none;
  max-width: 285px;
}

.btn.btn-blue-secondary {
  background-color: var(--secondary-color) !important;
}

.btn.btn-blue-secondary:hover {
  background: var(--dark-color) !important;
  box-shadow: var(--default-hover-shadow);
  transform: var(--default-scale);
  transition: all 0.3s ease;
}

.btn.btn-secondary:hover {
  background: var(--dark-color) !important;
  box-shadow: var(--default-hover-shadow);
  transform: var(--default-scale);
  transition: all 0.3s ease;
}

.btn.btn-secondary-sm {
  background-color: var(--dark-color) !important;
  font-size: 16px;
  text-align: center;
  color: var(--white-color);
  border: 1px solid var(--dark-color);
  border-radius: 0.375rem;
  margin-bottom: 0;
  box-shadow: var(--default-shadow);
  position: relative;
  overflow: hidden;
  font-size: 1rem;
  line-height: normal;
}

.btn.btn-secondary:active {
  background-color: var(--secondary-color) !important;
  color: var(--white-color);
}

.btn-secondary-sm:active {
  background-color: var(--secondary-color);
  color: var(--white-color);
}

.btn-secondary:active::before {
  -webkit-transition: all 125ms ease-in-out;
  -moz-transition: all 125ms ease-in-out;
  -ms-transition: all 125ms ease-in-out;
  -o-transition: all 125ms ease-in-out;
  right: 100%;
}

.btn.btn-lg.btn-secondary.btn-prev,
.btn.btn-lg.btn-default.btn-next {
  width: 88px;
  height: 50px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px !important;
  margin-top: -24px;
}

.btn.btn-outline-secondary,
input[type="submit"] {
  background-color: transparent !important;
  font-size: 16px;
  line-height: normal;
  text-align: center;
  color: var(--secondary-color) !important;
  border: 1px solid var(--secondary-color) !important;
  box-shadow: none;
  border-radius: 12px;
  padding: 16px 32px;
  margin-bottom: 0;
  -webkit-transition:
    background-color 200ms ease-in-out,
    color,
    border;
  -moz-transition:
    background-color 200ms ease-in-out,
    color,
    border;
  -ms-transition:
    background-color 200ms ease-in-out,
    color,
    border;
  -o-transition:
    background-color 200ms ease-in-out,
    color,
    border;
  position: relative;
  width: auto;
}

.btn.btn-outline-secondary.team {
  background-color: var(--secondary-color) !important;
  color: var(--white-color) !important;
}

.btn.btn-outline-secondary.team:hover {
  background-color: var(--white-color) !important;
  color: var(--secondary-color) !important;
  transition: all 0.3s ease;
}

.btn-outline-secondary.period {
  background-color: var(--white-color) !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary.active,
input[type="submit"]:hover {
  background-color: var(--secondary-color) !important;
  color: var(--white-color) !important;
  border: 1px solid var(--primary-color);
  transition: all 0.3s ease;
}

.btn-outline-secondary:hover img,
.btn-outline-secondary.active img {
  filter: brightness(0) invert(1);
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
}

.grid-buttons-group a.btn.btn-outline-secondary.w-75px {
  border-right: none !important;
}

.grid-buttons-group a.btn.btn-outline-secondary.w-75px.last {
  border-right: 1px solid var(--secondary-color) !important;
}

button.btn-action.dropdown-toggle,
button.btn-action.thq-dropdown-toggle,
button.btn-action,
button.btn-action:focus-visible {
  padding: 16px 24px;
  border-radius: var(--border-radius-sm, 8px);
  background: var(--dark-color);
  box-shadow: var(--default-shadow);
  color: var(--white-color);
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  z-index: 7;
  transition: var(--default-all-transition);
  max-width: 224px;
}

#course-grid-container button.btn-action {
  width: 100%;
  max-width: 100%;
}

button.btn-action.thq-dropdown-toggle {
  padding: 15px 8px 16px 16px;
  min-width: 118px;
}

.selectable_card button.btn-action.thq-dropdown-toggle {
  min-width: 94px;
}

button.btn-action.btn-selectable {
  color: var(--light-color) !important;
}

button.btn-action.btn-selectable span {
  color: var(--white-color) !important;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  margin-left: 4px;
}

button.btn-action.opened {
  box-shadow: none !important;
}

button.btn-action.opened:hover {
  background: var(--dark-color);
  transform: scale(1) !important;
}

.btn-action {
  padding: 16px 24px;
  border-radius: var(--border-radius-sm, 8px);
  background: var(--dark-color) !important;
  box-shadow: var(--default-shadow);
  color: var(--white-color) !important;
  font-family: var(--default-font-family);
  font-size: 14px !important;
  font-style: normal;
  line-height: normal !important;
  transition: var(--default-all-transition);
  border: none;
  display: flex;
  justify-content: center;
}

.btn-action.btn-bookmark {
  padding: 8px 16px !important;
  height: 50px;
  align-items: center;
  justify-content: center;
}

.btn-action:has(img):not(.thq-dropdown-toggle) {
  padding: 14px;
  text-align: left;
}

.btn-action:not(.opened):hover {
  background-color: var(--primary-color);
  transition: var(--default-all-transition);
  transform: var(--default-scale);
}

.btn-action:active {
  background-color: var(--dark-color) !important;
}

.btn-action.btn-bookmark:has(img[src$="-remove.svg"]) {
  background-color: var(--gray-color) !important;
  box-shadow: 0px 7px 7px -10px var(--n950);
}

.settings-customisation .btn-action{
  display: inline-block;
}

.btn-outline-action {
  padding: 16px 24px;
  border-radius: var(--border-radius-sm, 8px);
  background: var(--white-color);
  color: var(--dark-color) !important;
  font-size: 11px !important;
  font-style: normal;
  line-height: normal;
  transition: var(--default-all-transition);
  border-top: 1px solid var(--dark-color) !important;
  border-left: 1px solid var(--dark-color) !important;
  border-bottom: 1px solid var(--dark-color) !important;
}

.btn-outline-action:last-child {
  border-right: 1px solid var(--dark-color) !important;
}

.btn-outline-action:hover {
  color: var(--white-color) !important;
  background: var(--dark-color);
}

.btn-outline-light {
  background-color: transparent !important;
  font-size: 16px;
  line-height: normal;
  text-align: center;
  color: var(--dark-color) !important;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  padding: 16px 32px;
  margin-bottom: 0;
  -webkit-transition: border 200ms ease-in-out;
  -moz-transition: border 200ms ease-in-out;
  -ms-transition: border 200ms ease-in-out;
  -o-transition: border 200ms ease-in-out;
  position: relative;
}

.btn-outline-light:hover {
  border: 1px solid var(--dark-color);
  transition: all 0.3s ease;
}

.btn-outline-light img,
.btn-outline-secondary img {
  margin-top: -4px;
  margin-right: 4px;
  filter: var(--secondary-filter);
}

.btn-disabled {
  background-color: #b3b3b3 !important;
  font-size: 16px;
  line-height: normal;
  text-align: center;
  color: var(--white-color) !important;
  border: 1px solid #b3b3b3;
  border-radius: 12px;
  padding: 16px 32px;
  margin-bottom: 0;
  box-shadow: var(--default-shadow);
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  position: relative;
  overflow: hidden;
  cursor: default;
}

.btn-disabled::before {
  content: "";
  display: block;
  position: absolute;
  top: -20px;
  bottom: -20px;
  left: 48%;
  right: 0;
  background-color: rgba(255, 255, 255, 0.06);
  z-index: 1;
  border-radius: 50% 0px 0px 50%;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  
}

.btn-disabled:hover::before {
  left: 0;
  border-radius: 12px;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  cursor: default;
}

.btn-disabled:active::before {
  -webkit-transition: all 125ms ease-in-out;
  -moz-transition: all 125ms ease-in-out;
  -ms-transition: all 125ms ease-in-out;
  -o-transition: all 125ms ease-in-out;
  right: 100%;
}

.btn-finished {
  background-color: #60811a !important;
  font-size: 16px;
  line-height: normal;
  text-align: center;
  color: var(--white-color) !important;
  border: 1px solid #60811a;
  border-radius: 12px;
  padding: 8px 32px;
  margin-bottom: 0;
  box-shadow: var(--default-shadow);
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  position: relative;
  overflow: hidden;
}

.btn-finished::before {
  content: "";
  display: block;
  position: absolute;
  top: -20px;
  bottom: -20px;
  left: 48%;
  right: 0;
  background-color: rgba(255, 255, 255, 0.06);
  z-index: 1;
  border-radius: 50% 0px 0px 50%;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
}

.btn-finished:hover::before {
  left: 0;
  border-radius: 12px;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
}

.btn-finished:active::before {
  -webkit-transition: all 125ms ease-in-out;
  -moz-transition: all 125ms ease-in-out;
  -ms-transition: all 125ms ease-in-out;
  -o-transition: all 125ms ease-in-out;
  right: 100%;
}

.btn.btn-sm {
  font-size: 12px;
  line-height: normal;
}

.btn.btn-sm span {
  font-size: 12px;
  line-height: normal;
  color: inherit;
}

.sel.btn {
  font-size: 12px;
}

input[type="submit"] {
  margin-top: 12px;
}

.btn-search:hover {
  background-color: var(--primary-color);
  transition: all 0.3s ease;
}

.btn-search.no-action {
  pointer-events: none;
  z-index: 6 !important;
}

.btn-outline-default {
  font-size: 16px;
  line-height: normal;
  color: var(--primary-color);
  background: var(--white-color);
  border: 1px solid var(--primary-color);
  border-radius: 10px;
  padding: 8px 16px 8px;
}

.btn-outline-default:hover {
  background-color: var(--primary-color);
  color: var(--white-color);
  transition: all 0.3s ease;
}

.btn-outline-action.active {
  background-color: var(--dark-color);
  border: 0;
  color: var(--white-color) !important;
}

button.ck.ck-button.ck-off {
  border-radius: 8px;
  color: var(--white-color) !important;
}

button.ck.ck-button.ck-on {
  border-radius: 8px;
  background-color: var(--overlay-color) !important;
  color: var(--dark-color) !important;
}

button.ck-button_with-text {
  border-radius: 0 !important;
}

button.ck-button.ck-off.ck-button_with-text.ck-dropdown__button {
  border-radius: 8px !important;
}

a.hide-menu {
  display: none;
  width: calc(100vw - 16px);
  flex-direction: row;
  justify-content: space-between;
  text-decoration: none;
  color: var(--dark-color);
  font-size: 12px;
  font-style: normal;
  line-height: 1.75em;
  letter-spacing: 0.96px;
  text-transform: uppercase;
  align-items: center;
  overflow: hidden;
  transition: none;
}

a.hide-menu .btn-action {
  display: none;
}

.btn-top-course {
  display: inline-block;
}

.btn-top-course a {
  font-size: 9px;
  line-height: 1.75em;
  text-align: center;
  color: var(--dark-color);
  text-decoration: none;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.btn-top-course a:hover {
  color: var(--primary-color);
  transition: all 0.3s ease;
}

.btn-top-course a img {
  margin-bottom: 0px;
  width: 18px;
  height: auto;
}

.btn-top-course a span {
  font-size: 20px;
  color: #000;
}

.btn-profile-search {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.btn-close {
  --bs-btn-close-color: var(--white-color) !important;
  --bs-btn-close-bg: none !important;
  --bs-btn-close-opacity: 1;
  --bs-btn-close-hover-opacity: 0.75;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 24px !important;
}

.btn:focus-visible:not(select) {
  background-color: var(--primary-color);
  box-shadow: var(--default-shadow);
}

button.accordion-button {
  background: var(--light-color) !important;
  box-shadow: none;
  color: var(--dark-color) !important;
  transform: scale(1);
  border-radius: 0;
  text-align: left;
}

button.accordion-button:hover {
  transform: scale(1) !important;
}

button.accordion-button:focus {
  outline: 0 !important;
  box-shadow: none !important;
  background-color: transparent;
}

.accordion-body {
  background: var(--overlay-color);
}

.remove-user-row {
  margin-top: -8px;
  display: block;
}

.thq-dropdown {
  display: inline-block;
  position: relative;
}

.thq-dropdown-menu {
  list-style: none;
  background: var(--dark-color);
  color: var(--white-color);
  border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm);
  box-shadow: var(--default-shadow);
  width: fit-content;
  display: flex;
  flex-direction: column;
  margin-top: -6px;
  position: absolute;
  z-index: 8;
  clip: rect(auto, auto, 0, auto);
  overflow: auto;
  transition: all .5s ease;
  max-width: 224px;
  min-width: 100%;
  max-height: 185px;
}

.thq-dropdown-menu.opened {
  clip: rect(auto, auto, 300px, auto);
  transition: all 1s ease;
}

.thq-dropdown-item {
  color: var(--white-color);
  font-size: 12px;
  line-height: normal;
  padding: 12px 14px 12px 24px;
  text-align: left;
}

.thq-dropdown-item:first-child {
  padding-top: 16px;
}

.thq-dropdown-item:last-child {
  padding-bottom: 16px;
}

.thq-dropdown-toggle img {
  transition: var(--default-all-transition);
  margin-left: auto;
  padding: 0 10px;
}

.thq-dropdown-toggle.opened img {
  transform: rotate(180deg);
  transition: var(--default-all-transition);
}

div.thq-dropdown-menu a.thq-dropdown-item:hover {
  color: var(--secondary-color) !important;
  transition: all 0.3s ease;
}

.btn-pallet {
  border: 1px solid #00000014 !important;
  position: relative;
  font-family: var(--default-font-family);
  font-size: 14px !important;
  background-color: var(--primary-color);
  box-shadow: var(--default-shadow);
  border-radius: var(--border-radius-sm);
  padding: 12px 16px 12px 16px;
  background-size: cover;
  display: inline-block;
  line-height: normal !important;
  color: var(--white-color) !important;
  fill: var(--white-color);
  text-align: center;
  transition: all 0.3s;
  min-width: 64px;
  text-transform: uppercase;
}

.btn-pallet:hover,
.btn.btn-pallet:active {
  background-color: var(--primary-color);
}

.btn-pallet span {
  color: var(--white-color);
  font-size: 12px;
  text-shadow: 1px 1px 4px var(--dark-transparent);
}

.btn-group.group-dropdown {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

button.btn.btn-dropdown.dropdown-toggle {
  background: var(--overlay-color) !important;
  color: var(--dark-color) !important;
  border: none !important;
  padding: 15px 16px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: none;
}

button.btn.btn-dropdown.dropdown-toggle:hover {
  background: var(--overlay-color) !important;
  transform: scale(1) !important;
  color: var(--dark-color) !important;
  box-shadow: none !important;
}

.group-dropdown ul.dropdown-menu.show {
  background: var(--overlay-color);
  border: none;
  padding: 10px 24px 10px 16px;
  width: 100%;
  font-size: 14px;
  margin-top: -48px !important;
  z-index: 1;
}

.btn.btn-dropdown.dropdown-toggle::before {
  content: '';
  width: 12px;
  height: 8px;
  position: absolute;
  display: block;
  right: 8px;
  top: 18px;
  background-image: url('/images/icons/arrow-down.svg');
}

.btn.btn-dropdown.dropdown-toggle::after {
  border: none !important;
}

.group-dropdown ul.dropdown-menu.show[data-popper-placement="bottom-start"]::before {
  content: '';
  width: 12px;
  height: 8px;
  position: absolute;
  display: block;
  right: 8px;
  top: 18px;
  background-image: url('/images/icons/arrow-down.svg');
  transform: rotate(180deg);
}

.btn-outline {
  border: 2px solid var(--dark-color);
  border-radius: var(--border-radius);
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px !important;
  width: fit-content;
  padding: 8px 24px;
  margin: 16px auto 0 auto;
}

.btn-outline:hover {
  background: var(--dark-color);
  color: var(--white-color);
}

.btn-outline img {
  width: 24px;
  height: auto;
  margin-right: 8px;
}

@media(min-width: 768px) {
  .btn-outline-action {
    font-size: 14px !important;
  }
  .btn-action:has(img):not(.thq-dropdown-toggle) {
    padding: 16px 24px;
    text-align: center;
  }
  a.hide-menu {
    width: 370px;
  }
  .btn-top-course a img {
    width: auto;
  }
  button.btn-action.dropdown-toggle,
  button.btn-action.thq-dropdown-toggle,
  button.btn-action:focus-visible {
    padding: 16px 14px 16px 24px;
    width: auto;
    max-width: 224px;
  }
}