/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.sha-subscribe-button {
    margin-top: 1.5rem;
    /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
}

.sha-subscribe-button a {
    box-sizing: border-box;
    font-family: inherit;
    overflow: visible;
    text-transform: none;
    border: 0;
    transition: none;
    font-weight: 700;
    font-size: 18px;
    line-height: 50px;
    position: relative;
    background: #ed6436;
    color: #fff;
    text-align: center;
    padding: 0 15px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    white-space: nowrap;
    flex: 1 0 calc(50% - 65px);
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.pet-profile {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

.pet-profile img {
    max-width: 150px;
    height: auto;
}

.pet-name {
    text-align: center;
    margin-top: 10px;
}

.add-pet-profile {
    text-align: center;
    margin-top: 20px;
}

.icon-list {
    padding-left: 0;
    list-style: none;
}

.icon-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: .25rem;
}

.icon-list li::before {
    display: block;
    flex-shrink: 0;
    width: 1.5em;
    height: 1.5em;
    margin-right: .5rem;
    content: "";
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23212529' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/%3E%3C/svg%3E") no-repeat center center / 100% auto;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}