/* SeoButtonShare.css: Generated from Figma API and design breakdown */

.seo-button-share {
  width: 109px;
  height: 28px;
  display: flex;
  align-items: center;
}

.share-button-basic {
  all: unset;
  width: 100%;
  height: 28px;
  padding-left: 13px;
  padding-right: 11px;
  border-radius: 4px;
  border: 1px solid #4338ca;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: box-shadow 0.15s, border-color 0.15s;
}
.share-button-basic:active,
.share-button-basic:focus {
  border-color: #3730a3;
}

.share-button-basic:hover {
  box-shadow: 0 0 0 2px rgba(67, 56, 202, 0.1);
}

.button-text {
  font-size: 12px;
  font-weight: 500;
  color: #4338ca;
  font-family: "Plus Jakarta Sans", sans-serif;
  line-height: 15.12px;
  white-space: nowrap;
}

.button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}

.button-icon svg {
  display: block;
}
