/**
 * ResourcesDownloadButton Shortcode Styles
 *
 * @package RdiCore\Shortcode\ResourcesDownloadButton
 */

.resources-download-button-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--xxs);
}

@media (min-width: 600px) {
    .resources-download-button-wrapper {
        width: calc(100% - (var(--wp--preset--spacing--xs) * 2));
        position: absolute;
        bottom: var(--wp--preset--spacing--sm);
        height: 45px;
    }
}

.resources-download-button-wrapper button {
    width: 100%;
}

.resources-download-button-wrapper a {
	width: 100%;
}

.resources-download-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    gap: var(--wp--preset--spacing--xxs);
    padding: .875rem 1rem .875rem 1rem !important;
}

/* External resources should show the icon after the text */
.resources-download-button--external {
	flex-direction: row;
}

.resources-download-button::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 14px;
    flex: 0 0 auto;
    background-color: var(--global-palette9);
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20width='12'%20height='14'%20viewBox='0%200%2012%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M0.75%2014H0V12.5H0.75H11.25H12V14H11.25H0.75ZM6.53125%209.78125L6%2010.3438L5.4375%209.78125L1.4375%205.53125L0.9375%204.96875L2.03125%203.96875L2.53125%204.5L5.25%207.375V4.75V0.75V0H6.75V0.75V4.75V7.375L9.4375%204.5L9.96875%203.96875L11.0625%204.96875L10.5312%205.53125L6.53125%209.78125Z'%20fill='black'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg%20width='12'%20height='14'%20viewBox='0%200%2012%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M0.75%2014H0V12.5H0.75H11.25H12V14H11.25H0.75ZM6.53125%209.78125L6%2010.3438L5.4375%209.78125L1.4375%205.53125L0.9375%204.96875L2.03125%203.96875L2.53125%204.5L5.25%207.375V4.75V0.75V0H6.75V0.75V4.75V7.375L9.4375%204.5L9.96875%203.96875L11.0625%204.96875L10.5312%205.53125L6.53125%209.78125Z'%20fill='black'/%3E%3C/svg%3E") no-repeat center / contain;
}

.resources-download-button--external::after {
    width: 16px;
    height: 16px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M9%200.75C9%201.16562%209.33438%201.5%209.75%201.5H13.4406L6.22188%208.71875C5.92813%209.0125%205.92813%209.4875%206.22188%209.77812C6.51562%2010.0687%206.99062%2010.0719%207.28125%209.77812L14.5%202.55938V6.25C14.5%206.66563%2014.8344%207%2015.25%207C15.6656%207%2016%206.66563%2016%206.25V0.75C16%200.334375%2015.6656%200%2015.25%200L9.75%200C9.33438%200%209%200.334375%209%200.75ZM2.5%203C1.11875%203%200%204.11875%200%205.5V13.5C0%2014.8813%201.11875%2016%202.5%2016H10.5C11.8813%2016%2013%2014.8813%2013%2013.5V10.75C13%2010.3344%2012.6656%2010%2012.25%2010C11.8344%2010%2011.5%2010.3344%2011.5%2010.75V13.5C11.5%2014.0531%2011.0531%2014.5%2010.5%2014.5H2.5C1.94687%2014.5%201.5%2014.0531%201.5%2013.5V5.5C1.5%204.94688%201.94687%204.5%202.5%204.5H5.25C5.66563%204.5%206%204.16563%206%203.75C6%203.33437%205.66563%203%205.25%203H2.5Z'%20fill='black'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M9%200.75C9%201.16562%209.33438%201.5%209.75%201.5H13.4406L6.22188%208.71875C5.92813%209.0125%205.92813%209.4875%206.22188%209.77812C6.51562%2010.0687%206.99062%2010.0719%207.28125%209.77812L14.5%202.55938V6.25C14.5%206.66563%2014.8344%207%2015.25%207C15.6656%207%2016%206.66563%2016%206.25V0.75C16%200.334375%2015.6656%200%2015.25%200L9.75%200C9.33438%200%209%200.334375%209%200.75ZM2.5%203C1.11875%203%200%204.11875%200%205.5V13.5C0%2014.8813%201.11875%2016%202.5%2016H10.5C11.8813%2016%2013%2014.8813%2013%2013.5V10.75C13%2010.3344%2012.6656%2010%2012.25%2010C11.8344%2010%2011.5%2010.3344%2011.5%2010.75V13.5C11.5%2014.0531%2011.0531%2014.5%2010.5%2014.5H2.5C1.94687%2014.5%201.5%2014.0531%201.5%2013.5V5.5C1.5%204.94688%201.94687%204.5%202.5%204.5H5.25C5.66563%204.5%206%204.16563%206%203.75C6%203.33437%205.66563%203%205.25%203H2.5Z'%20fill='black'/%3E%3C/svg%3E") no-repeat center / contain;
}

.resources-download-button:hover::after,
.resources-download-button:focus::after {
    background-color: var(--global-palette1);
}