/* ===============================
   🧹 Layout & Component Cleanup
   =============================== */

.component-container,
.components-section,
.status-day,
.component-status,
.component-container .child-components-container {
  border: none !important;
  box-shadow: none !important;
}

.component-container {
  padding: 0 !important;
  margin-bottom: 10px !important;
  background: transparent !important;
}

/* ===============================
   🎨 Button Styling (Exact Match)
   =============================== */

.support-ticket-btn {
  display: inline-block;
  background-color: #207AB6; /* same as Subscribe */
  color: #fff !important;
  font-family: "Atlassian Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 15px 9px;
  border-radius: 4px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  vertical-align: middle;
  transition: background-color 0.2s ease;
  position: absolute;
  top: 20px;    /* aligns with Subscribe button */
  right: 180px; /* adjust this spacing as needed */
  z-index: 10;
}

.support-ticket-btn:hover {
  background-color: #186896; /* subtle darker hover */
}

/* ===============================
   📏 Alignment and Responsiveness
   =============================== */

.page-status .page-status-subscribe {
  display: inline-block;
  vertical-align: middle;
}

.page-status .page-status-subscribe,
.support-ticket-btn {
  margin-top: 0 !important;
  vertical-align: middle !important;
}

/* On smaller screens, stack neatly */
@media (max-width: 600px) {
  .support-ticket-btn {
    position: static;
    display: block;
    margin: 10px auto !important;
    text-align: center;
  }
}