/*!
 * Theme Name: WithSecure Support Theme
 * Theme URI:
 * Description: Child theme of With Secure Theme for the WithSecure support site.
 * Author: WithSecure Web Team
 * Template: withsecure
 * Version: 1.0.0
 */

/* ----- Components/Card  ----- */

.wp-component-card__description {
  margin-bottom: 2rem;
}

.wp-component-card .wp-component-card__button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  gap: var(--spacing-xxxxs);
}

.wp-component-card__content:not(:has(.wp-component-card__description)) .wp-component-card__button-wrapper {
  margin-top: 2rem;
}

.wp-component-card__button-wrapper .btn--tertiary {
  width: 100%;
  justify-content: flex-start;
}

.wp-component-card__button-wrapper .btn--tertiary.is-align-right {
  justify-content: flex-end;
}

.wp-component-card__button-wrapper .btn:not(.btn--tertiary).is-align-right {
  align-self: flex-end;
}

.wp-component-card__button-wrapper .btn--tertiary:not(:first-child) {
  border-top: 1px solid var(--colour-black-10);
  margin-top: 1.6rem;
  padding-top: 2rem;
}

.wp-component-card__button-wrapper .btn--tertiary.is-align-right:not(:first-child) {
  border-top: none;
  padding-top: 0;
}

.wp-component-card .wp-component-card__button-wrapper:has(.is-align-bottom) {
  flex: 1;
}

.wp-component-card__button-wrapper .btn.is-align-bottom {
  margin-top: auto;
}

.btn--phone.is-copied::after {
  content: ' (copied)';
  font-weight: 400;
  opacity: 0.8;
}

.wp-component-card__button-wrapper .btn:not(.btn--tertiary):not(:first-child) {
  margin-top: 1.6rem;
}