.m-tabs__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    /* stylelint-disable-next-line unit-case */
    border-bottom: 1PX solid var(--color-greyscale-5);
  }
  .m-tabs__button {
    --outline-offset: -0.625rem;

    position: relative;
    padding: 1.25rem;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    font: inherit;
    appearance: none;
  }
  .m-tabs__button::after {
      position: absolute;
      /* stylelint-disable-next-line unit-case */
      bottom: -1PX;
      left: 0;
      width: 100%;
      content: "";
      /* stylelint-disable-next-line unit-case */
      border-top: 1PX solid var(--color-greyscale-5);
    }
  .m-tabs__button--active {
      color: var(--color-main-1);
      background-color: var(--color-main-5);
    }
  .m-tabs__button--active::after {
        border-color: currentColor;
        /* stylelint-disable-next-line unit-case */
        border-top-width: 2PX;
      }
  .m-tabs__button:hover {
      color: var(--color-main-1);
    }
  .m-tabs__button:hover::after {
        border-color: currentColor;
        /* stylelint-disable-next-line unit-case */
        border-top-width: 2PX;
      }
  .m-tabs__button[disabled] {
      cursor: not-allowed;
      color: var(--color-greyscale-5);
    }
  .m-tabs__button[disabled]::after {
        /* stylelint-disable-next-line unit-case */
        border-top-width: 1PX;
      }
  .m-tabs__content {
    display: none;
  }
  .m-tabs__content--active {
      display: block;
    }

@media all and (min-width: 769px) {

.m-vertical-tabs .m-tabs__list {
      flex-direction: column;
      padding: 0.625rem 0;
      border: 0.0625rem solid var(--color-greyscale-5);
      border-radius: 0.9375rem
  }
    }

.m-vertical-tabs .m-tabs__list .m-tabs__item .a-button__icon {
        width: 1.25rem;
        height: 1.25rem;
        stroke: var(--color-greyscale-4);
      }

.m-vertical-tabs .m-tabs__button {
    width: 100%;
    text-align: left;
  }

.m-vertical-tabs .m-tabs__button--active {
      color: white;
      background-color: var(--color-main-1);
    }

.m-vertical-tabs .m-tabs__button--active .a-button__icon {
        stroke: var(--color-greyscale-7) !important;
      }

.m-vertical-tabs .m-tabs__button::after {
      border-top: 0;
    }

.m-vertical-tabs .m-tabs__button .m-tabs__button-text {
      display: none;
    }

@media all and (min-width: 769px) {

.m-vertical-tabs .m-tabs__button .m-tabs__button-text {
        display: block
    }
      }