.plan-item .plan-corner-triangle {
  top: -50px;
  right: -50px;
  width: 100px;
  height: 100px;
  transform: rotate(45deg);
}

.plan-item .plan-corner-triangle i {
  transform: rotate(315deg);
  color: #fff;
}

.plan-item > div {
  border-color: #c9cbcf;
}

.plan-item h3 {
  border-bottom-color: #c9cbcf;
}

.plan-item .cloud-label {
  font-size: 11px;
  position: absolute;
  top: 55px;
  margin-left: 27px;
  color: #fff;
  background-color: #a3acb9;
  padding: 1px 4px;
  border-radius: 14px;
}

.plan-item .plan-header i {
  --fa-primary-color: var(--icon-primary-color);
  --fa-secondary-color: var(--icon-secondary-color);
  --fa-secondary-opacity: 1;
}

.choose-plan .plan-item .plan-header i.fa-cloud.fad {
  --fa-secondary-color: var(--icon-primary-color);
}

i.shield-red,
#user .red,
.choose-plan .canceled-on span {
  color:  var(--red-color);
  --fa-primary-opacity: 1;
}

i.shield-green,
#user .green,
.ludicrous-speed.enabled i.fa-rabbit-fast {
  color: var(--green-color);
  --fa-primary-opacity: 1;
}

.ludicrous-speed:not(.enabled) i.fa-rabbit-fast {
  color: var(--gray-color);
}

.ludicrous-speed i.max {
  position: relative;
  top: -4px;
  padding-left: 1px;
}

.ludicrous-speed i.max:after {
  content: "Max";
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 8px;
  position: absolute;
  top: 14px;
  left: 0px;
}

@media (min-width: 0px) and (max-width: 410px) {
  .plan-item .speed-label{
    flex-direction: column;
  }
}

@media (min-width: 891px) and (max-width: 1470px) {
  .plan-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 0px) and (max-width: 1050px) {
  .plan-item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}