/* [[[ Raw ]]] */

a:not([class]),
a:not([class]):link,
a:not([class]):visited {
  color: var(--link-default) !important;
}

a:not([class]):hover {
  color: var(--link-hover-default) !important;
}



/* [[[ CTAs & Links ]]] */

.cta__list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding-top: 28px;
}

.cta {
  position: relative;
  background-color: transparent;
  font-weight: 600;
  color: var(--text-default);
  cursor: pointer;
  white-space: nowrap;
}

.cta.light {
  color: var(--text-light);
}
.cta.light:hover {
  color: var(--text-light);
}

.cta:hover {
  color: var(--text-default);
  text-decoration: none;
}

.cta ~ .cta {
  margin-left: 36px;
}

.cta__postcon {
  position: relative;
  margin-left: 8px;
  height: 10px;
  width: auto;
  transition: all 0.1s ease-out;
}

.cta:hover .cta__postcon {
  transform: translateX(4px);
}

.button {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 28px;
  border-radius: var(--radius-sm);
  border: none;
  background-color: var(--silver);
  font-weight: 600;
  color: var(--text-default);
  cursor: pointer;
  transition: all 0.1s ease-out;
  white-space: nowrap;
}

.button:hover {
  background-color: var(--gainsboro);
  color: var(--text-default);
  text-decoration: none;
}

.button .cta__postcon {
  margin-left: 12px;
}

.button.light {
  background-color: rgba(255, 255, 255, 0.15);
  color: var(--text-light);
}

.button.light:hover {
  background-color: rgba(255, 255, 255, 0.30);
}

.button.sm {
  padding: 8px 24px;
  font-size: 14px;
}