.st-pomodoro-launcher {
  padding: clamp(24px, 4vw, 48px) clamp(20px, 4vw, 48px) clamp(32px, 5vw, 64px) !important;
  display: grid !important;
  place-items: center !important;
}

.st-pomodoro-launcher-btn {
  display: inline-grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 20px !important;
  width: min(560px, 100%) !important;
  padding: 22px 28px !important;
  background: linear-gradient(
    135deg,
    var(--primary) 0%,
    var(--primary-dim) 100%
  ) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 20px !important;
  text-decoration: none !important;
  box-shadow:
    0 14px 32px -14px color-mix(in srgb, var(--primary) 55%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  cursor: pointer !important;
  transition:
    transform var(--motion-fast, 160ms) var(--ease-standard, ease),
    box-shadow var(--motion-fast, 160ms) var(--ease-standard, ease) !important;
}

.st-pomodoro-launcher-btn:hover,
.st-pomodoro-launcher-btn:focus-visible {
  transform: translateY(-2px) scale(1.01) !important;
  box-shadow:
    0 20px 40px -14px color-mix(in srgb, var(--primary) 65%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
  outline: none !important;
  color: #fff !important;
}

.st-pomodoro-launcher-btn__icon {
  width: 56px !important;
  height: 56px !important;
  border-radius: 16px !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(255, 255, 255, 0.22) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.32) !important;
}

.st-pomodoro-launcher-btn__icon i {
  color: #fff !important;
  font-size: 24px !important;
}

.st-pomodoro-launcher-btn__copy {
  display: grid !important;
  gap: 4px !important;
  text-align: start !important;
  min-width: 0 !important;
}

.st-pomodoro-launcher-btn__title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(18px, 2vw, 22px) !important;
  letter-spacing: -0.01em !important;
  color: #fff !important;
}

.st-pomodoro-launcher-btn__sub {
  font-family: 'Be Vietnam Pro', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  line-height: 1.35 !important;
}

.st-pomodoro-launcher-btn__arrow {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(255, 255, 255, 0.18) !important;
  transition:
    transform var(--motion-fast, 160ms) var(--ease-standard, ease),
    background var(--motion-fast, 160ms) var(--ease-standard, ease) !important;
}

.st-pomodoro-launcher-btn__arrow i {
  color: #fff !important;
  font-size: 14px !important;
}

.st-pomodoro-launcher-btn:hover .st-pomodoro-launcher-btn__arrow,
.st-pomodoro-launcher-btn:focus-visible .st-pomodoro-launcher-btn__arrow {
  transform: translateX(4px) !important;
  background: rgba(255, 255, 255, 0.28) !important;
}

[dir='rtl'] .st-pomodoro-launcher-btn:hover .st-pomodoro-launcher-btn__arrow,
[dir='rtl']
  .st-pomodoro-launcher-btn:focus-visible
  .st-pomodoro-launcher-btn__arrow {
  transform: translateX(-4px) !important;
}

[dir='rtl'] .st-pomodoro-launcher-btn__arrow i {
  transform: scaleX(-1);
}

@media (max-width: 560px) {
  .st-pomodoro-launcher-btn {
    grid-template-columns: auto 1fr !important;
    padding: 18px 20px !important;
    gap: 14px !important;
  }
  .st-pomodoro-launcher-btn__arrow {
    display: none !important;
  }
  .st-pomodoro-launcher-btn__icon {
    width: 48px !important;
    height: 48px !important;
  }
}