.nice-button {
  display: flex;
  height: 86px;
  width: 250px;
  padding: 18px 24px;
  margin-top: 20px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: var(--color-white);
  text-align: center;
  text-decoration: none;
  border: 1px solid var(--color-gold-60);
  background-image: linear-gradient(var(--color-teal-48), var(--color-teal-48)), url('/static/high-ticket-test/panel_frame.png'), url('/static/high-ticket-test/stone_texture.png');
  background-size: auto, 100% 100%, 320px 320px;
  background-position: center;
  background-repeat: no-repeat, no-repeat, repeat;
  box-shadow: 0 14px 32px var(--color-overlay-dark-20);
  cursor: pointer;
  transition: border-color .2s ease, background-image .2s ease, transform .2s ease;
}

.nice-button__title {
  font-family: Georgia, serif;
  font-size: 14px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.nice-button__text { display: none; }
.nice-button__icon { color: var(--color-mint); font-size: 30px; }

.nice-button__icon { color: var(--color-cyan); }
.nice-button__icon--gold .nice-button__icon { color: var(--color-gold); }

.nice-button:hover,
.nice-button:focus-visible {
  background-image: linear-gradient(145deg, var(--color-forest), var(--color-background)), url('/static/high-ticket-test/stone_texture.png');
  box-shadow: inset 0 0 0 4px var(--color-border-soft), inset 0 0 38px var(--color-overlay-dark-20), 0 0 22px var(--color-border-soft), 0 14px 30px var(--color-overlay-dark-20);
  transform: translateY(-2px);
}

.nice-button:focus-visible { border-color: var(--color-cyan); }
