.op-button {
  font-family: var(--body-4-font);
  font-size: var(--body-4-font-size);
  font-weight: var(--body-4-font-weight);
  line-height: var(--body-4-line-height);
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s;
}

.op-button.tomato {
  text-transform: uppercase;
  padding: 8px 18px;
  color: var(--op-color-tomato) !important;
  border: 2px solid var(--op-color-tomato);
}

.op-button.tomato:hover {
  background-color: var(--op-color-tomato);
  color: #fff !important;
}