.subscription-action__sidebar {
	height: 100%;
  background: rgba(255, 210, 255, 0.3);
  border-radius: 16px 0 0 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(30px);
  border-left: 1px solid rgba(255, 255, 255, 0.41);

  display: grid;
  pointer-events: auto;
  grid-template-columns: 5% 45% 45% 5%;
  grid-template-rows: 5% 60% 35%;
  grid-template-areas:
          "close . . . "
          ". content content ."
          ". action action ."
}

.subscription-action__sidebar-close {
  grid-area: close;
  display: flex;
  align-items: center;
}

.subscription-action__sidebar-close-icon {
    height: 0.8em;
    width: auto;
    margin-left: 15px;
}

.subscription-action__sidebar-close-icon-container:hover {
    cursor: pointer;
}

.subscription-action__sidebar-content {
  grid-area: content;
  display: flex;
  justify-content: center;
  align-items: center;
}

.subscription-action__sidebar-action {
  grid-area: action;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.subscription-action__sidebar-action-buttons {
  display: flex;
}