:root {
  --toast-font-size: 0.875rem;
}

.toast-container {
  position: fixed;
  top: calc(2rem + 1.5vw);
  right: calc(0.4rem + 0.5vw);
}

.toast-container .btn-close {
  margin-left: auto;
  color: rgba(17, 17, 17, 0.9921568627);
}

.toast {
  font-size: var(--toast-font-size);
  padding: 0.75rem;
  color: rgba(17, 17, 17, 0.9921568627);
  display: flex;
  align-items: center;
}

.toast-body {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.toast-body__title {
  margin-bottom: 0.15em;
  font-weight: 700;
}

.btn-link--toast {
  color: rgba(17, 17, 17, 0.9921568627);
  font-size: 0.875rem;
  font-weight: 400;
  text-decoration: underline;
}

.btn-link--toast:hover, .btn-link--toast:active, .btn-link--toast:focus {
  color: rgba(17, 17, 17, 0.9921568627);
  text-decoration: none;
}

.toast--success {
  background-color: #b2dcad;
}

.toast--warning {
  background-color: #e4eb83;
}

.toast--error {
  background-color: #ea7373;
}