.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--hjelseth_subscriptions
  a::before {
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 8C10.3431 8 9 8.89543 9 10C9 11.1046 10.3431 12 12 12C13.6569 12 15 12.8954 15 14C15 15.1046 13.6569 16 12 16M12 8C13.1104 8 14.0799 8.4022 14.5987 9M12 8V7M12 8L12 16M12 16L12 17M12 16C10.8896 16 9.92008 15.5978 9.40137 15M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%234A5568' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 8C10.3431 8 9 8.89543 9 10C9 11.1046 10.3431 12 12 12C13.6569 12 15 12.8954 15 14C15 15.1046 13.6569 16 12 16M12 8C13.1104 8 14.0799 8.4022 14.5987 9M12 8V7M12 8L12 16M12 16L12 17M12 16C10.8896 16 9.92008 15.5978 9.40137 15M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%234A5568' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
}

/* Subcsription information */

.subscription-information {
  display: flex;
  flex-direction: column;
}

.subscription-information > div {
  display: flex;
  justify-content: space-between;
}

.subscription-information > div > div {
  width: 15rem;
}

/**************************************/

/* Subscription items form styling */

.subscription-items {
  padding-top: 20px;
}

.subscription-items-row-header,
.subscription-items-row,
.subscription-items-row-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  gap: 5px;
}

.item-information-header,
.item-information{
  display: flex;
  justify-content: space-between;
  width: 21rem;
}

.item-information-header > *,
.item-information > *,
.subscription-shipping-total > *,
.subscription-price-total > * {
  width: 5rem;
}

.column-header,
.product-header {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  width: 21rem;
}

.x-button {
  width: 1rem !important;
  color: red;
  cursor: pointer;
}

.edit-products-buttons {
  display: flex;
  min-height: 38px;
}

.edit-products-buttons > div {
  margin-left: auto;
}

.edit-products-buttons > div > button {
  padding: 7px 10px;
  border-radius: 10px;
  color: white !important;
}

.edit-products-buttons > div > button:nth-child(1) {
  background-color: green;
  margin-left: auto;
}

.edit-products-buttons > div > button:nth-child(2) {
  background-color: red;
  margin-right: 1.35rem;
}

.hidden {
  display: none !important;
}

input.product-quantity{
  width: 80px;
}

/**************************************/

/* Change payment button */

[data-value="Endre betalingsmetode"] {
  margin: 20px 0px 25px 0px;
}

/**************************/

/* Update payment method form */

div.woocommerce:has(#order_review) {
  display: flex;
  flex-direction: column;
}

#customer_answer + #wc_checkout_add_ons,
#order_review,
#order_review_heading {
  margin-right: auto;
}

/**************************/

/* Subscription table mobile styling */

@media (max-width: 992px) {
  .subscriptions-table > tbody > tr {
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #f9f9f9;
  }
  .subscriptions-table > tbody > tr > td {
    padding: 5px 0;
  }
  .subscriptions-table > tbody > tr > td:before {
    content: attr(data-label) ": ";
    width: 120px;
  }
}

/*************************************/

/* Subscription items form mobile styling */

@media (max-width: 508px) {
  .pricer-per-div{
    display: none !important;
  }

  .subscription-frequency {
    font-size: 15px !important;
  }

  table.shop_table > thead > tr > th:nth-child(2) {
    padding: 0 6px;
  }

  td.product-quantity{
    padding: 0 6px;
  }
}

/*************************************/