
.dtm-link-button,
.dtm-mylink-btn,
p.is-style-dtm-primary,
p.is-style-dtm-outline,
.wp-block-paragraph.is-style-dtm-primary,
.wp-block-paragraph.is-style-dtm-outline{
    width:min(100%,820px);
    margin:24px auto;
    box-sizing:border-box;
}

p.is-style-dtm-primary,
p.is-style-dtm-outline,
.wp-block-paragraph.is-style-dtm-primary,
.wp-block-paragraph.is-style-dtm-outline{
    padding:0!important;
    background:transparent!important;
}

.dtm-link-button .dtm-link-button__content a,
.dtm-mylink-btn > a,
p.is-style-dtm-primary > a,
p.is-style-dtm-outline > a,
.wp-block-paragraph.is-style-dtm-primary > a,
.wp-block-paragraph.is-style-dtm-outline > a{
    position:relative;
    display:flex!important;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:64px;
    padding:15px 58px 15px 28px;
    box-sizing:border-box;
    border-radius:15px;
    font-size:clamp(16px,1.7vw,21px);
    font-weight:800;
    line-height:1.45;
    letter-spacing:.01em;
    text-align:center;
    text-decoration:none!important;
    transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease,background-color .16s ease,color .16s ease;
}

p.is-style-dtm-primary > br,
p.is-style-dtm-outline > br{display:none}

.dtm-link-button .dtm-link-button__content a::after,
.dtm-mylink-btn > a::after,
p.is-style-dtm-primary > a::after,
p.is-style-dtm-outline > a::after,
.wp-block-paragraph.is-style-dtm-primary > a::after,
.wp-block-paragraph.is-style-dtm-outline > a::after{
    content:"↗";
    position:absolute;
    right:24px;
    top:50%;
    transform:translateY(-52%);
    font-size:1.35em;
    font-weight:600;
    line-height:1;
}

.dtm-link-button .dtm-link-button__content a:hover,
.dtm-mylink-btn > a:hover,
p.is-style-dtm-primary > a:hover,
p.is-style-dtm-outline > a:hover{
    transform:translateY(-2px);
}

.dtm-link-button.is-primary .dtm-link-button__content a,
.dtm-mylink-primary > a,
p.is-style-dtm-primary > a,
.wp-block-paragraph.is-style-dtm-primary > a{
    color:#fff!important;
    border:1px solid #4fb3ff;
    background:linear-gradient(135deg,#1aa4f4 0%,#0b75f3 52%,#1167e8 100%);
    box-shadow:0 8px 18px rgba(17,103,232,.23),inset 0 1px 0 rgba(255,255,255,.35);
}

.dtm-link-button.is-outline .dtm-link-button__content a,
.dtm-mylink-outline > a,
p.is-style-dtm-outline > a,
.wp-block-paragraph.is-style-dtm-outline > a{
    color:#0879d7!important;
    border:2px solid #35a5fa;
    background:linear-gradient(180deg,#fff 0%,#f4fbff 100%);
    box-shadow:0 5px 14px rgba(26,151,239,.13),inset 0 1px 0 rgba(255,255,255,.9);
}

.dtm-link-button.is-compact,
.dtm-mylink-btn.is-compact{width:min(100%,620px)}

.dtm-link-button.is-compact .dtm-link-button__content a,
.dtm-mylink-btn.is-compact > a{
    min-height:56px;
    padding-top:12px;
    padding-bottom:12px;
}

.dtm-link-button .dtm-link-button__content a > img,
.dtm-mylink-btn > a > img,
p.is-style-dtm-primary > a > img,
p.is-style-dtm-outline > a > img{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    max-width:1px!important;
    min-width:0!important;
    opacity:0!important;
    pointer-events:none!important;
}

@media(max-width:600px){
    .dtm-link-button,.dtm-mylink-btn,p.is-style-dtm-primary,p.is-style-dtm-outline{margin:20px auto}
    .dtm-link-button .dtm-link-button__content a,
    .dtm-mylink-btn > a,
    p.is-style-dtm-primary > a,
    p.is-style-dtm-outline > a{
        min-height:58px;
        padding:13px 46px 13px 18px;
        border-radius:12px;
        font-size:15px;
    }
    .dtm-link-button .dtm-link-button__content a::after,
    .dtm-mylink-btn > a::after,
    p.is-style-dtm-primary > a::after,
    p.is-style-dtm-outline > a::after{right:17px}
}
